微信小程序跨页面传值

想实现点击不同的父页面跳转到不同的子页面上,从后台传来的JSON数据来看,一共有6个父页面,每个都作为一个对象被放在一个数组里面,而且每个都有一个特有的id值
1.先在< view />上自定义一个“data-”属性:
这里写图片描述
(因为被放在一个数组里面,所以绑定数据的时候要写成“item.id”,“item”表示数组中的单独元素)
这是W3Cschool对这个属性的解释:
微信小程序跨页面传值_第1张图片
除此之外,还可以从上图的代码中看到绑定了一个名字叫“product”的点击事件——“ bindtap=’product’ ”。
2.现在来看一下JS部分的代码。
下图是父页面的JS代码,
微信小程序跨页面传值_第2张图片
第40行代码的目的是获取到绑定在wxml页面上的id值,这里用了currentTarget.dataset的对象方法,附上微信小程序文档对这些事件对象的说明:
微信小程序跨页面传值_第3张图片

微信小程序跨页面传值_第4张图片

微信小程序跨页面传值_第5张图片
下一步是要将获取到的id值存储起来,用了wx.setStorageSync()
微信小程序跨页面传值_第6张图片
然后wx.navigatTo({})用于页面跳转。

接下来是子页面的JS代码,
这里写图片描述
第53的代码是将刚才存储的值取出来,
微信小程序跨页面传值_第7张图片

最后用wx.request({url:……,data:….. })向服务器请求data中id的值,以得到具体的id的值
微信小程序跨页面传值_第8张图片

你可能感兴趣的:(微信小程序)