小程序跳转传递参数过多的问题

原创已于 2023-10-31 16:37:50 修改 · 337 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #前端

于 2023-10-27 21:00:00 首次发布

本文介绍了在uni-app中，如何通过`uni.navigateTo`和eventChannel组件实现从一个页面（infoDetail）向另一个页面传递参数的方法，并在目标页面（infoDetail）的onLoad生命周期中监听并处理来自上一页面的事件数据。

如果想infoDetail页面中传递参数，方法如下：

uni.navigateTo({
    url: `/pages/views/infoDetail`,
    success: res => {
        res.eventChannel.emit('redactInfo',{info:info})
    },
    fail: () => {},
    complete: () => {}
});

infoDetail需要在onLoad中：

onLoad(e) {//修改信息时，反填信息
    const eventChannel = that.getOpenerEventChannel();
    // 监听redactInfo事件，获取上一页面通过eventChannel传送到当前页面的数据
    eventChannel.on('redactInfo', function(data) {
        console.log("获取到信息", data.info)
    });
}