微信小程序的数据跳转

最新推荐文章于 2024-06-13 11:10:08 发布

原创

最新推荐文章于 2024-06-13 11:10:08 发布 · 394 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了微信小程序中如何在页面之间传递数据。通过form表单获取本页面参数，使用本地缓存将参数传递给子页面，子页面通过onLoad函数获取。实验展示了不同输入值对问题数量的影响。

问题
微信小程序一般拥有多个页面，而每个页面可能有着多个数据，这些数据可能本页面使用，也可能需要在子页面中使用。那该如何得到页面中的参数？并将其传入到子页面中？
解决
- 页面得到参数
  页面中的参数，我们可以使用form表单传递参数，将from绑定函数，然后直接通过代码取值即可，e为函数参数（默认为e），name为组件名字，我们可以通过name=""为组件命名，然后通过下面代码即可得到对应组件的值。
```
e.detail.value.name
```
- 页面之间传递参数
  页面之间传递参数，可以使用本地缓存，将本页面组件（button或其他）与缓存函数绑定，子页面通过onLoad函数刷新获得参数。
  t1为缓存设置的变量名，e.detail.value.var为页面var参数值。
```
传递参数，写在被调用传参函数中
wx.setStorageSync('t1', e.detail.value.var);

得到参数，写在onLoad函数中
wx.getStorageSync('t1', e.detail.value.var);
```
截图
实验结果
本实验传递问题个数，通过个数设置问题个数。
输入1，1。得到1个单选，1个简答题。

输入3，2。得到3个单选，2个简答题。