微信小程序两个页面之间的三种传值方法
第一种:通过设置全局变量再获取全局变量
第二种:通过wx.navigateTo的url传值
前两种方法比较基础,这里主要解析第三种方法:通过wx.navigateTo的success回调函数来实现传值(可双向传值)
下面是官方文档的说明:
运用实例代码:
(第一个页面)demo5.js:
data: {
data1:"第一个页面的值"
},
//在wxml页面设置一个按钮,并绑定事件ddd
ddd:function(){
var _this = this //在回调函数中不能通过this直接获取和设置data里的值
//转到下一个页面
wx.navigateTo({
url: '../demo6/demo6', //下一个页面的地址
//events的作用是接受下一个页面传回来的参数,如果不需要可不写
events:{
dataname2:function(data){
console.log(data)
}
},
//关键部分!!!在回调函数中运用.eventChannel.emit('参数名称', {data:参数值})即可将此参数传到要转到的页面
success: function (res) {
res.eventChannel.emit('dataname1', {data:_this.data.data1})
}
})
},
(第二个页面)demo6.js:
onLoad: function (options) {
//创建获取对象
const event = this.getOpenerEventChannel()
//对应上一个页面的events事件,如果不需要可不写
event.emit('dataname2', {data: "第二个页面的值"})
//关键部分!!!通过获取到的对象.event.on('参数名称',function(data)来获取参数值,结果保存在data里
event.on('dataname1',function(data){
console.log(data)
}
)
运行结果: