编程 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 原型链学习总结

Oct 29 Javascript

javascript loadScript异步加载脚本示例讲解

Nov 14 Javascript

js实现兼容IE和FF的上下层的移动

May 04 Javascript

jQuery寻找n以内完全数的方法

Jun 24 Javascript

JavaScript中Boolean对象的属性解析

Oct 21 Javascript

JavaScript中判断数据类型的方法总结

May 24 Javascript

Angular 理解module和injector，即依赖注入

Sep 07 Javascript

Vue和React组件之间的传值方式详解

Jan 31 Javascript

Node.js学习之内置模块fs用法示例

Jan 22 Javascript

微信小程序实现弹框效果

May 26 Javascript

关于JavaScript中异步/等待的用法与理解

Nov 18 Javascript

在vue中使用inheritAttrs实现组件的扩展性介绍

Dec 07 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

使用PHP和XSL stylesheets转换XML文档

2006/10/09 PHP

PHP 字符串分割和比较

2009/10/06 PHP

php使用ICQ网关发送手机短信

2013/10/30 PHP

php引用传值实例详解学习

2013/11/06 PHP

PHP_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法

2014/05/04 PHP

使用PHP实现阻止用户上传成人照片或者裸照

2014/12/25 PHP

再谈ie和firefox下的document.all属性

2009/10/21 Javascript

javascript 动态调整图片尺寸实现代码

2009/12/28 Javascript

利用jquery动画特效和css打造的侧边弹出垂直导航

2014/04/04 Javascript

jquery实现的美女拼图游戏实例

2015/05/04 Javascript

JS组件Bootstrap dropdown组件扩展hover事件

2016/04/17 Javascript

Bootstrap标签页（Tab）插件使用方法

2017/03/21 Javascript

JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解

2017/09/19 Javascript

利用HBuilder打包前端开发webapp为apk的方法

2017/11/13 Javascript

jQuery 改变P标签文本值方法

2018/02/24 jQuery

解决layui下拉框监听问题(监听不到值的变化)

2019/09/28 Javascript

跨平台python异步回调机制实现和使用方法

2013/11/26 Python

Python线程详解

2015/06/24 Python

numpy的文件存储.npy .npz 文件详解

2018/07/09 Python

python使用epoll实现服务端的方法

2018/10/16 Python

Python Unittest根据不同测试环境跳过用例的方法

2018/12/16 Python

python return逻辑判断表达式实现解析

2019/12/02 Python

python函数不定长参数使用方法解析

2019/12/14 Python

python判断链表是否有环的实例代码

2020/01/31 Python

Python json转字典字符方法实例解析

2020/04/13 Python

Python使用pyyaml模块处理yaml数据

2020/04/14 Python

Python3.9最新版下载与安装图文教程详解(Windows系统为例)

2020/11/28 Python

python实现发送QQ邮件（可加附件）

2020/12/23 Python

python可视化分析的实现(matplotlib、seaborn、ggplot2)

2021/02/03 Python

IE兼容css3圆角的实现代码

2011/07/21 HTML / CSS

Craghoppers德国官网：户外和旅行服装

2020/02/14 全球购物

五年级音乐教学反思

2014/02/06 职场文书

员工安全承诺书

2014/05/22 职场文书

安全生产工作汇报

2014/10/28 职场文书

Python中使用subprocess库创建附加进程

2021/05/11 Python

详解Spring Security如何在权限中使用通配符

2022/06/28 Java/Android