微信小程序跳转下一个页面返回可以携带参数示例代码
第一个页面代码为
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();
}
})