微信小程序跨页面传值

最新推荐文章于 2025-06-13 12:30:00 发布

xubingnan123

最新推荐文章于 2025-06-13 12:30:00 发布

阅读量1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：微信小程序

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/xubingnan123/article/details/79073494

本文介绍了如何在微信小程序中实现跨页面的数据传递和导航。通过在父页面的<view>组件上设置"data-"属性绑定item.id，并利用bindtap事件触发函数。在JS代码中，使用currentTarget.dataset获取id值，存储到本地存储wx.setStorageSync，接着使用wx.navigateTo进行页面跳转。在子页面，通过wx.getStorageSync读取存储的id，再通过wx.request向服务器请求对应id的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想实现点击不同的父页面跳转到不同的子页面上，从后台传来的JSON数据来看，一共有6个父页面，每个都作为一个对象被放在一个数组里面，而且每个都有一个特有的id值
1.先在< view />上自定义一个“data-”属性：
这里写图片描述
（因为被放在一个数组里面，所以绑定数据的时候要写成“item.id”，“item”表示数组中的单独元素）
这是W3Cschool对这个属性的解释：

除此之外，还可以从上图的代码中看到绑定了一个名字叫“product”的点击事件——“ bindtap=’product’ ”。
2.现在来看一下JS部分的代码。
下图是父页面的JS代码，
这里写图片描述
第40行代码的目的是获取到绑定

最低0.47元/天解锁文章

200万优质内容无限畅学

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。