编程 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 相关文章推荐

jQuery 白痴级入门教程

Nov 11 Javascript

ExtJS 入门

Oct 29 Javascript

火狐textarea输入法的bug的触发及解决

Jul 24 Javascript

js获取多个tagname的节点数组

Sep 22 Javascript

js实例属性和原型属性示例详解

Nov 23 Javascript

jquery中map函数遍历数组用法实例

May 18 Javascript

js跨域请求数据的3种常用的方法

Dec 01 Javascript

Javascript设计模式之观察者模式(推荐)

Mar 29 Javascript

JavaScript中数组Array.sort()排序方法详解

Mar 01 Javascript

Vue如何引入远程JS文件

Apr 20 Javascript

JS原型和原型链原理与用法实例详解

Feb 05 Javascript

vue项目在线上服务器访问失败原因分析

Aug 14 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

ADODB结合SMARTY使用~超级强

2006/11/25 PHP

使用swoole扩展php websocket示例

2014/02/13 PHP

PHP动态生成指定大小随机图片的方法

2016/03/25 PHP

用js实现计算加载页面所用的时间

2010/04/02 Javascript

JavaScript实现url地址自动检测并添加URL链接示例代码

2013/11/12 Javascript

AngularJS实现表单验证

2015/01/28 Javascript

javascript原型模式用法实例详解

2015/06/04 Javascript

浅谈JavaScript字符串拼接

2015/06/25 Javascript

jQuery中常用的遍历函数用法实例总结

2015/09/01 Javascript

Vue 短信验证码组件开发详解

2017/02/14 Javascript

NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解

2017/05/13 NodeJs

jquery实现下拉菜单的手风琴效果

2017/07/23 jQuery

JS获取当前地理位置的方法

2017/10/25 Javascript

vue中子组件调用兄弟组件方法

2018/07/06 Javascript

详解微信小程序入门从这里出发（登录注册、开发工具、文件及结构介绍）

2020/07/21 Javascript

python实现数通设备端口监控示例

2014/04/02 Python

python计数排序和基数排序算法实例

2014/04/25 Python

python连接mysql实例分享

2016/10/09 Python

Python实现一个服务器监听多个客户端请求

2018/04/12 Python

实用自动化运维Python脚本分享

2018/06/04 Python

python用插值法绘制平滑曲线

2021/02/19 Python

利用Django提供的ModelForm增删改数据的方法

2019/01/06 Python

Python用Try语句捕获异常的实例方法

2019/06/26 Python

解决pycharm运行程序出现卡住scanning files to index索引的问题

2019/06/27 Python

python通过txt文件批量安装依赖包的实现步骤

2019/08/13 Python

Python中Unittest框架的具体使用

2019/08/27 Python

Django配置MySQL数据库的完整步骤

2019/09/07 Python

three.js模拟实现太阳系行星体系功能

2019/09/03 HTML / CSS

猫途鹰：全球领先的旅游点评社区

2017/04/07 全球购物

马来西亚最热门的在线时尚商店：FashionValet

2018/11/11 全球购物

电子信息科学专业自荐信

2014/01/30 职场文书

安全施工责任书

2014/08/25 职场文书

干货干货！2019最新优秀创业计划书

2019/03/21 职场文书

导游词之重庆钓鱼城

2019/09/19 职场文书

Python实现简单的俄罗斯方块游戏

2021/09/25 Python

Redis 的查询很快的原因解析及Redis 如何保证查询的高效

2022/03/16 Redis