微信小程序> 微信小程序跨页面传值

微信小程序跨页面传值

浏览量:1012 时间: 来源:xubingnan123

想实现点击不同的父页面跳转到不同的子页面上,从后台传来的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的值
小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎