小程序页面间数据传递-微信小程序中页面间数据传递-小程序页面传值-即速应用

小程序页面间数据传递-微信小程序中页面间数据传递-小程序页面传值

浏览量：1722 时间：2020-03-20 来源：CN-AllenRen

微信小程序中页面间数据传递
1.在微信小程序中，把数据从以一个页面传递到另一个页面一共有两种方式:
简单的变量传递
2.简单的变量传递我们可以在页面跳转的时候通过url传递参数的方式来传递数据，例如:
wx.navigateTo({url:'test?id=1'})
3.这样我们就能把id=1传递到test页面，在test页面可以在onLoad()方法中获取，获取的方式是:
onLoad:function(option){console.log(option.query)}
4.这样就可以获取到id的值为1。
传递一个字典或者数组
5.对于这种相对复杂的数据传递，url传参的方式就显得很乏力，实现起来十分困难。这时可以通过使用本地缓存的方式来进行数据传递。例如:A页面有如下数据要传递到B页面：
info:{"name":"cjluzzl","age":22,"lover:"Jangson"}
6.我们可以在A跳转到B之前使用wx.setStorageSync('info',this.data.info);这个方法，将数据缓存到本地中。在B页面的onLoad()方法里，通过使用vardata=wx.getStorageSync('info')来获取到数据，然后可以通过setData的方法设置到Page的data数据里。