编程 Javascript

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

Posted in Javascript onDecember 13, 2019

这篇文章主要介绍了微信小程序跨页面传递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页面的数据

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

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

- Author -

是桂

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript在IE或Firefox下获取鼠标位置的代码

Dec 18 Javascript

JavaScript的setAttribute兼容性问题解决方法

Nov 11 Javascript

JavaScript中实现最高效的数组乱序方法

Oct 11 Javascript

jquery实现简单的自动播放幻灯片效果

Jun 13 Javascript

js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法

Aug 25 Javascript

JS实战篇之收缩菜单表单布局

Dec 10 Javascript

100行代码理解和分析vue2.0响应式架构

Mar 09 Javascript

js 判断一个数字是不是2的n次方幂的实例

Nov 26 Javascript

JS实现的缓冲运动效果示例

Apr 30 Javascript

迅速了解一下ES10中Object.fromEntries的用法使用

Mar 05 Javascript

Vue3不支持Filters过滤器的问题

Sep 24 Javascript

Vue Elenent实现表格相同数据列合并

Nov 30 Vue.js

微信小程序swiper使用网络图片不显示问题解决

Dec 13 #Javascript

JS实现移动端双指缩放和旋转方法

Dec 13 #Javascript

微信小程序返回上一页传参并刷新过程解析

Dec 13 #Javascript

Vue分页效果与购物车功能

Dec 13 #Javascript

如何在微信小程序中存setStorage

Dec 13 #Javascript

在微信小程序中使用mqtt服务的方法

Dec 13 #Javascript

微信小程序之左右布局的实现代码

Dec 13 #Javascript

You might like

初学者入门：细述PHP4的核心Zend

2006/09/05 PHP

提升PHP性能的21种方法介绍

2013/06/25 PHP

解析php扩展php_curl.dll不加载的解决方法

2013/06/26 PHP

php中生成随机密码的自定义函数代码

2013/10/21 PHP

php定义参数数量可变的函数用法实例

2015/03/16 PHP

如何使用php脚本给html中引用的js和css路径打上版本号

2015/11/18 PHP

基于jquery的一个图片hover的插件

2010/04/24 Javascript

jquery中获取select选中值的代码

2011/06/27 Javascript

easyui datagrid 键盘上下控制选中行示例

2014/03/31 Javascript

JavaScript实现的购物车效果可以运用在好多地方

2014/05/09 Javascript

JS实现的网页倒计时数字时钟效果

2015/03/02 Javascript

JS实现简单的键盘打字的效果

2015/04/24 Javascript

JavaScript实现选择框按比例拖拉缩放的方法

2015/08/04 Javascript

浅谈Javascript数据属性与访问器属性

2016/07/26 Javascript

JS实现二叉查找树的建立以及一些遍历方法实现

2017/04/17 Javascript

如何在AngularJs中调用第三方插件库

2017/05/21 Javascript

jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一

2017/05/26 jQuery

简单谈谈js的数据类型

2017/09/25 Javascript

纯javascript前端实现base64图片下载(兼容IE10+)

2018/09/14 Javascript

vue组件添加事件@click.native操作

2020/10/30 Javascript

vue-resource 拦截器interceptors使用详解

2021/01/18 Vue.js

[01:13:01]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第三场

2018/04/05 DOTA

利用Tkinter和matplotlib两种方式画饼状图的实例

2017/11/06 Python

python3中zip()函数使用详解

2018/06/29 Python

python实现俄罗斯方块小游戏

2020/04/24 Python

HTML5边玩边学（2）基础绘图实现方法

2010/09/21 HTML / CSS

HTML5中的Web Notification桌面右下角通知功能的实现

2018/04/19 HTML / CSS

html5唤醒APP小记

2019/03/27 HTML / CSS

玩具反斗城西班牙网上商城：ToysRUs西班牙

2017/01/19 全球购物

Hoover胡佛官网：美国吸尘器和洗地机品牌

2019/01/09 全球购物

戛纳奢侈品商店：Jacques Loup法国

2019/11/04 全球购物

商务英语专业求职信范文

2014/01/28 职场文书

个人工作表现评价材料

2014/09/21 职场文书

小学科学教学计划

2015/01/21 职场文书

大学团日活动总结书

2015/05/11 职场文书

旗帜观后感

2015/06/08 职场文书