关于小程序:uniapp页面传参

43次阅读

共计 520 个字符,预计需要花费 2 分钟才能阅读完成。

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;
    })
}

正文完
 0