编程 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 学习笔记（十六） js事件

Feb 01 Javascript

使用JavaScript 实现对象匀速/变速运动的方法

May 08 Javascript

Extjs4实现两个GridPanel之间数据拖拽功能具体方法

Nov 21 Javascript

js使用for循环查询数组中是否存在某个值

Aug 12 Javascript

纯javascript判断查询日期是否为有效日期

Aug 24 Javascript

AngularJS入门（用ng-repeat指令实现循环输出

May 05 Javascript

JavaScript必知必会(三) String .的方法来自何方

Jun 08 Javascript

jQuery遍历json的方法(推荐)

Jun 12 Javascript

利用JS实现数字增长

Jul 28 Javascript

Vue中封装input组件的实例详解

Oct 17 Javascript

bootstrap+jquery项目引入文件报错的解决方法

Jan 22 jQuery

react 生命周期实例分析

May 18 Javascript

微信小程序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

php注销代码(session注销)

2012/05/31 PHP

php中serialize序列化与json性能测试的示例分析

2013/04/27 PHP

CentOS安装php v8js教程

2015/02/26 PHP

PHP创建文件，并向文件中写入数据,覆盖,追加的实现代码

2016/03/25 PHP

JS跨域总结

2012/08/30 Javascript

js 窗口抖动示例

2013/09/04 Javascript

浅析JS中document对象的一些重要属性

2014/03/06 Javascript

node.js中的fs.open方法使用说明

2014/12/17 Javascript

使用npm发布Node.JS程序包教程

2015/03/02 Javascript

js+html5实现canvas绘制镂空字体文本的方法

2015/06/05 Javascript

JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例

2015/12/04 Javascript

在WordPress中加入Google搜索功能的简单步骤讲解

2016/01/04 Javascript

微信小程序request出现400的问题解决办法

2017/05/23 Javascript

基于 webpack2 实现的多入口项目脚手架详解

2017/06/26 Javascript

Nuxt.js踩坑总结分享

2018/01/18 Javascript

Angularjs中date过滤器失效的问题及解决方法

2018/07/06 Javascript

微信小程序中如何使用flyio封装网络请求

2019/07/03 Javascript

vue回到顶部监听滚动事件详解

2019/08/02 Javascript

vue分页插件的使用方法

2019/12/25 Javascript

vue 二维码长按保存和复制内容操作

2020/09/22 Javascript

[03:15]2014DOTA2国际邀请赛专访国士无双信心满满

2014/07/12 DOTA

python中定义结构体的方法

2013/03/04 Python

用pywin32实现windows模拟鼠标及键盘动作

2014/04/22 Python

Python Web框架Flask中使用新浪SAE云存储实例

2015/02/08 Python

Python实现遍历windows所有窗口并输出窗口标题的方法

2015/03/13 Python

改进Django中的表单的简单方法

2015/07/17 Python

TensorFlow Session使用的两种方法小结

2018/07/30 Python

Python API自动化框架总结

2019/11/12 Python

Keras 加载已经训练好的模型进行预测操作

2020/06/17 Python

python3爬虫GIL修改多线程实例讲解

2020/11/24 Python

给校长的建议书

2014/03/12 职场文书

幼儿教师演讲稿

2014/05/06 职场文书

党政领导班子四风问题对照检查材料思想汇报

2014/10/02 职场文书

利用JavaScript写一个简单计算器

2021/11/27 Javascript

MySQL创建定时任务

2022/01/22 MySQL

Java异常体系非正常停止和分类

2022/06/14 Java/Android