Skip to content
微信小程序跳转下一个页面返回可以携带参数示例代码

第一个页面代码为

wxml代码如下

html
<view>我是首页</view>
<button bind:tap="goto">点我前往下一页</button>

js代码如下

js
Page({
    data: {},
    onLoad() {},
    goto() {
        // 跳转下一个页面
        wx.navigateTo({
            url: "../scan/scan",
            events: {
                acceptDataFromB: (data) => {
                    console.log('拿到第二个页面返回的数据', data);
                }
            }
        });
    }
})

第二个页面代码为

wxml代码如下

html
<view>我是第二个页面</view>
<button bind:tap="goback">点我返回上一页</button>

js代码如下

js
// pages/scan/scan.js
Page({
    goback() {
        const eventChannel = this.getOpenerEventChannel();
        // 向上级页面发送数据
        eventChannel.emit("acceptDataFromB", {
            data: '我是返回给上级的数据',
        });
        // 返回上级页面
        wx.navigateBack();
    }
})