编程 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库的tab新形式使用

Nov 16 Javascript

javascript中负数算术右移、逻辑右移的奥秘探索

Oct 17 Javascript

js+html5获取用户地理位置信息并在Google地图上显示的方法

Jun 05 Javascript

Bootstrap树形控件使用方法详解

Jan 27 Javascript

bootstrap基础知识学习笔记

Nov 02 Javascript

详解js中==与===的区别

Jan 08 Javascript

vue.js树形组件之删除双击增加分支实例代码

Feb 28 Javascript

Vue实现点击时间获取时间段查询功能

Aug 21 Javascript

vue过滤器用法实例分析

Mar 15 Javascript

JS实现图片轮播效果实例详解【可自动和手动】

Apr 04 Javascript

axios异步提交表单数据的几种方法

Aug 11 Javascript

JS中锚点链接点击平滑滚动并自由调整到顶部位置

Feb 06 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生成唯一订单号

2015/07/05 PHP

PHP7使用ODBC连接SQL Server2008 R2数据库示例【基于thinkPHP5.1框架】

2019/05/06 PHP

图片自动缩小的js代码,用以防止图片撑破页面

2007/03/12 Javascript

Sample script that deletes a SQL Server database

2007/06/16 Javascript

JavaScript 以对象为索引的关联数组

2010/05/19 Javascript

jquery 全局AJAX事件使用代码

2010/11/05 Javascript

jquery 选项卡效果新手代码

2011/07/08 Javascript

在iframe里的页面编写js，实现在父窗口上创建动画效果展开和收缩的div（不变动iframe父窗口代码）

2011/12/20 Javascript

javascript中的toFixed固定小数位数简单实例分享

2013/07/12 Javascript

js转义字符介绍

2013/11/05 Javascript

javascript去除字符串中所有标点符号和提取纯文本的正则

2014/06/07 Javascript

javascript删除一个html元素节点的方法

2014/12/20 Javascript

js获取当前日期时间及其它操作汇总

2015/04/17 Javascript

使用AngularJS制作一个简单的RSS阅读器的教程

2015/06/18 Javascript

jquery实现仿JqueryUi可拖动的DIV实例

2015/07/31 Javascript

原生JS简单实现ajax的方法示例

2016/11/29 Javascript

Bootstrap select实现下拉框多选效果

2016/12/23 Javascript

vue页面使用阿里oss上传功能的实例（一）

2017/08/09 Javascript

基于Vue的移动端图片裁剪组件功能

2017/11/28 Javascript

js中获取URL参数的共用方法getRequest()方法实例详解

2018/10/24 Javascript

javascript实现鼠标点击生成文字特效

2019/12/24 Javascript

[09:31]2016国际邀请赛中国区预选赛Yao赛后采访答题送礼

2016/06/27 DOTA

Python os模块介绍

2014/11/30 Python

python 把数据 json格式输出的实例代码

2016/10/31 Python

python实现多线程抓取知乎用户

2016/12/12 Python

Python 关于反射和类的特殊成员方法

2017/09/14 Python

Python批量提取PDF文件中文本的脚本

2018/03/14 Python

Kears+Opencv实现简单人脸识别

2019/08/28 Python

Python中包的用法及安装

2020/02/11 Python

python正则表达式re.match()匹配多个字符方法的实现

2021/01/27 Python

英国最受欢迎的母婴精品品牌：JoJo Maman BéBé

2021/02/17 全球购物

struct和class的区别

2015/11/20 面试题

2015年父亲节活动总结

2015/02/12 职场文书

2015年度残疾人工作总结

2015/05/14 职场文书

2015年办公室人员工作总结

2015/05/15 职场文书

zabbix监控mysql的实例方法

2021/06/02 MySQL