小程序页面之间数据传递的五种方法-Toy模板网

这篇具有很好参考价值的文章主要介绍了小程序页面之间数据传递的五种方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

小程序页面之间数据传递的五种方法

使用 wx.navigateTo() 时，在 url 中拼接,这种方法适用于数据量少的情况

跳转前A页面在 url 中拼接参数，参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；

wx.navigateTo({
     
    url: '/somePathXXX/somePathXXX?keyA=valueA&keyB=valueB'
})

跳转到B页面在生命周期函数 onLoad 中接收

onLoad: function (options) {
     
    let keyA = options.keyA
    let keyB = options.keyB
},

如果需要传递对象或数组，需先将对象或数据转为JSON字符串

let data = {
     
    name: 'sun',
    sex: '女',
    age: 20
}
let dataStr = JSON.stringify(data)
wx.navigateTo({
     
  url: '/somePathXXX/somePathXXX?dataStr=' + dataStr,
})

接收时再转换回对象或数组

onLoad: function (options) {
     
    let data = JSON.parse(options.dataStr)
    console.log(data); // {name: "sun", sex: "女", age: 20}
},

使用 wx.navigateTo() 时，通过 eventChannel 向被打开页面传送数据，或被打开页面向原页面传递数据，适合数据量大或者相对复杂的数据传递

① A页面跳转至B页面，同时A页面向B页面传递数据

跳转前A页面：文章来源地址https://www.toymoban.com/news/detail-497733.html
```
let data = 
```