微信小程序跨页面传递data数据方法解析

更新时间：2019年12月13日 14:58:55 作者：是桂

这篇文章主要介绍了微信小程序跨页面传递data数据方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

Q：小程序怎么把页面data里的数据传到另外的页面？或者小程序怎么吧表单里的数据传到另外的页面？

A：1、可以使用url传递数据。
例如在A页面中传递数据，需要注意的是，wx.switchTab中的url不能传参数。

wx.navigateTo（｛
url：‘../pageB/pageB?name=raymond&gender=male'
｝）

在B页面中接收数据，通过onLoad的option：

Page（｛
onLoad：function（option）｛
console.log（option.name+'is'+option.gender）；
this.setData（｛option：option｝）；
｝
｝）

2、可以使用本地缓存示例：在A页面将数据存入，在B页面中使用wx.setStorageSync获取数据。

3、可以使用全局比变量保存，在A页面的时候修改数据，在B页面的时候可以获取到A页面的数据

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

详解微信小程序之scroll-view的flex布局问题
这篇文章主要介绍了详解微信小程序之scroll-view的flex布局问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-01-01
JS 事件延迟执行说明分析
为了避免用户鼠标无意识划过，而触发事件。浪费客户端资源。
2010-05-05
js判断元素是否隐藏的方法
这篇文章主要介绍了js判断元素是否隐藏的方法,需要的朋友可以参考下
2014-06-06
js模糊查询实例分享
本文主要分享了js模糊查询的实现代码，没有接触到后台数据的知识，只是查询当前表格中每一行所包含的关键字。具有一定的参考价值，需要的朋友一起来看下吧
2016-12-12
js onmousewheel事件多次触发问题解决方法
做一个首屏和第二屏之间滚动鼠标滚轮就可以整平切换的效果，遇到了很多问题，下面是问题解决方法
2014-10-10
JS实现根据指定值删除数组中的元素操作示例
这篇文章主要介绍了JS实现根据指定值删除数组中的元素操作,结合实例形式总结分析了JavaScript针对数组元素删除操作的相关实现技巧,需要的朋友可以参考下
2018-08-08
MC Dialog js弹出层完美兼容多浏览器(5.6更新)
MC.Dialog 是由肖毅(YesSky) 开发一款界面绚丽美观操作简单易用的一款js弹出层 MC.Dialog 是经过严格了测试的兼容目前ie7+ 以及其他非ie核心的浏览器完美模拟浏览器自带对话框功能
2010-05-05
JavaScript 原型继承之构造函数继承
JavaScript 是基于原型的面向对象语言。也就是说，每个实例对象都具有一个原型。对象从该原型中继承属性和方法。这一篇将具体说说构造函数的继承。
2011-08-08
微信小程序实现吸顶特效
这篇文章主要为大家详细介绍了微信小程序实现吸顶特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-01-01
Bootstrap入门教程一Hello Bootstrap初识
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt开发的。这篇文章主要介绍了基于Bootstrap3实现漂亮简洁的CSS3价格表（精美代码版）,需要的朋友可以参考下
2017-03-03