在微信小程序中页面跳转可以通过options来获取传过来的值。
跳转页面函数:
// 点击当前列表获取详情跳转
detailHandler(event){
var detailId = event.currentTarget.dataset.detailid;
wx.navigateTo({
url: '/pages/detail/detail?id='+detailId
})
},
这时我们传过去的数据可以在跳转页面接收,在onload函数中options内存放了我们传过来的数据。
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(options);
console.log(options.id);
this.setData({
id:options.id
})
},
直接使用options.xxx即可获取到传递的内容。
如果出现undefined的情况,请查看是否在传递数据的时候字符串有看空格。
像下面这种情况就会解析为“id ”,后面带一个空格。这是一个大坑,要注意啊。
wx.navigateTo({
url: '/pages/detail/detail?id ='+detailId
})