编程 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获取Select选择的Text和Value(详细汇总)

Jan 25 Javascript

node+express+jade制作简单网站指南

Nov 26 Javascript

javascript实现日期格式转换

Dec 16 Javascript

javascript self对象使用详解

Oct 18 Javascript

微信小程序页面传参实例详解

Nov 16 Javascript

完全深入学习Bootstrap表单

Nov 28 Javascript

Vue.js手风琴菜单组件开发实例

May 16 Javascript

JavaScript中in和hasOwnProperty区别详解

Aug 04 Javascript

JavaSctit 利用FileReader和滤镜上传图片预览功能

Sep 05 Javascript

vue实现div拖拽互换位置

Jul 29 Javascript

用node撸一个监测复联4开售短信提醒的实现代码

Apr 10 Javascript

swiper Scrollbar滚动条组件详解

Sep 08 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

CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法

2015/12/17 PHP

php 无限级分类获取顶级分类ID

2016/03/13 PHP

PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解

2020/02/12 PHP

有效的捕获JavaScript焦点的方法小结

2009/10/08 Javascript

jQuery用unbind方法去掉hover事件及其他方法介绍

2013/03/18 Javascript

jquery实现图片渐变切换兼容ie6/Chrome/Firefox

2013/08/02 Javascript

jQuery的context属性用法实例

2014/12/27 Javascript

js正则匹配出所有图片及图片地址src的方法

2015/06/08 Javascript

js实现的奥运倒计时时钟效果代码

2015/12/09 Javascript

jquery实现简单的全选和反选功能

2016/01/02 Javascript

Javascript点击按钮随机改变数字与其颜色

2016/09/01 Javascript

javascript入门之window对象【新手必看】

2016/11/22 Javascript

完美解决JS文件页面加载时的阻塞问题

2016/12/18 Javascript

Vue axios 中提交表单数据(含上传文件)

2017/07/06 Javascript

node.js连接mysql与基本用法示例

2019/01/05 Javascript

Express结合Webpack的全栈自动刷新

2019/05/23 Javascript

微信小程序bindtap事件与冒泡阻止详解

2019/08/08 Javascript

基于react项目打包css引用路径错误解决方案

2020/10/28 Javascript

python类继承与子类实例初始化用法分析

2015/04/17 Python

用Python编写生成树状结构的文件目录的脚本的教程

2015/05/04 Python

python学习基础之循环import及import过程

2018/04/22 Python

异步任务队列Celery在Django中的使用方法

2018/06/07 Python

python简易实现任意位数的水仙花实例

2018/11/13 Python

Pandas中DataFrame的分组/分割/合并的实现

2019/07/16 Python

浅谈pycharm使用及设置方法

2019/09/09 Python

Tensorflow中的降维函数tf.reduce_*使用总结

2020/04/20 Python

使用CSS3的appearance属性改变元素的外观的方法

2015/12/12 HTML / CSS

如何用PHP实现邮件发送

2012/12/26 面试题

文史专业毕业生自荐信

2013/11/17 职场文书

历史系自荐信范文

2013/12/24 职场文书

预备党员转正思想汇报

2014/01/12 职场文书

中文师范生自荐信

2014/01/30 职场文书

《两个铁球同时着地》教学反思

2014/02/13 职场文书

民事诉讼授权委托书范文

2014/08/02 职场文书

导游词之台湾阿里山

2019/10/23 职场文书

JavaWeb 入门:Hello Servlet

2021/07/16 Java/Android