微信小程序开发教程之:跨页面传递data数据方法
来源:绵阳动力网络公司  时间:2019-12-16  阅读:10

今天是2019年12月16日,星期一,最近的空气质量不太好,请大家尽量减少户外活动,注意身体健康。好了,现在开始我们今天的主题:微信小程序开发教程之:跨页面传递data数据方法。

大家在进行小程序开发时可能会问:小程序怎么把页面data里的数据传到另外的页面? 或者小程序怎么吧表单里的数据传到另外的页面?

方法有很多,今天绵阳动力网络公司就一一为大家讲解。

首先讲的是使用url传递数据:

例如在A页面中传递数据,需要注意的是,wx.switchTab中的url不能传参数。

微信小程序开发教程之:跨页面传递data数据方法

wx.navigateTo({
url:‘../pageB/pageB?name=raymond&gender=male'
})

在B页面中接收数据,通过onLoad的option:

Page({
onLoad:function(option){
console.log(option.name+'is'+option.gender);
this.setData({option:option});
}
})

另外也可以使用本地缓存 示例:在A页面将数据存入,在B页面中使用wx.setStorageSync获取数据。

而且还可以使用全局比变量保存,在A页面的时候修改数据,在B页面的时候可以获取到A页面的数据。

 
  • 电话咨询

  • 0816-2318288