微信小程序跨页面传值
想实现点击不同的父页面跳转到不同的子页面上,从后台传来的JSON数据来看,一共有6个父页面,每个都作为一个对象被放在一个数组里面,而且每个都有一个特有的id值
1.先在< view />上自定义一个“data-”属性:
(因为被放在一个数组里面,所以绑定数据的时候要写成“item.id”,“item”表示数组中的单独元素)
这是W3Cschool对这个属性的解释:
除此之外,还可以从上图的代码中看到绑定了一个名字叫“product”的点击事件——“ bindtap=’product’ ”。
2.现在来看一下JS部分的代码。
下图是父页面的JS代码,
第40行代码的目的是获取到绑定在wxml页面上的id值,这里用了currentTarget.dataset的对象方法,附上微信小程序文档对这些事件对象的说明:
下一步是要将获取到的id值存储起来,用了wx.setStorageSync()
然后wx.navigatTo({})用于页面跳转。
接下来是子页面的JS代码,
第53的代码是将刚才存储的值取出来,
最后用wx.request({url:……,data:….. })向服务器请求data中id的值,以得到具体的id的值