关于小程序:uniapp页面传参

uni-app跳转页面传输数据

  • 跳转起始页面
uni.navigateTo({
                //一般跳转传参间接在前面拼接(参数不简单不多的状况下),例如 code 和 isModify
                url: `../../add-log/add-log?code=${this.option.code}&isModify=${true}`,
                //跳转胜利后执行 success 函数
                success(res) {
                        //监听一个自定义办法名(sendLogData), data 外面放较简单的数据
                     res.eventChannel.emit('sendLogData', { data:params})
                }
            });
  • 跳转完结页面
onLoad(option){
    const _vm = this;
    const eventChannel = this.getOpenerEventChannel();
    this.eventChannel = eventChannel;
    //这里的 sendLogData 是起始页面自定义的监听办法的名称
    eventChannel.on('sendLogData', function(res) {
        //传过来的数据
        console.log(res)
        //留神这里 _vm 的指向
        _vm.arr = res.data;
    })
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理