微信小程序页面跳转传参数

Posted 在学习编程的lsy呀

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序页面跳转传参数相关的知识,希望对你有一定的参考价值。

 发送方

let data = event.currentTarget.dataset.id(要发送的参数)
wx.navigateTo({
url: ‘../iteminfo/iteminfo?id=‘ + encodeURI(JSON.stringify(data)),
})
//encodeURI:对传递的数据编码 (怕传递的数据被解析成代码)
 
接收方
//生命周期函数--监听页面加载 options接收传递过来的数据
 
data: {
  inid:""
},
onLoad: function (options) {
//判断有无传递数据 如果没有传递数据就不执行
  if (options.id) {
    this.setData({
      inid: JSON.parse(decodeURI(options.id))
    })
    console.log(this.data.inid)
  }
},
 
 
注意参数变量名的一一对应
id

以上是关于微信小程序页面跳转传参数的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序页面跳转传参

微信小程序页面常用的5种跳转方法

微信小程序页面跳转参数怎么传递

微信小程序_页面传值

微信小程序——页面跳转传值

h5页面与微信小程序之间的跳转传参