首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

微信小程序跨页面传递data数据方法解析

Posted in Javascript onDecember 13, 2019

这篇文章主要介绍了微信小程序跨页面传递data数据方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

Q：小程序怎么把页面data里的数据传到另外的页面？ 或者小程序怎么吧表单里的数据传到另外的页面？

A：1、可以使用url传递数据。
例如在A页面中传递数据，需要注意的是，wx.switchTab中的url不能传参数。

微信小程序跨页面传递data数据方法解析

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 相关文章推荐
js操纵跨frame的三级联动select下拉选项实例介绍
May 19 Javascript
JavaScript数组去重的两种方法推荐
Apr 05 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
AngularJS实现根据变量改变动态加载模板的方法
Nov 04 Javascript
温故知新——JavaScript中的字符串连接问题最全总结（推荐）
Aug 21 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
简单通过settimeout看javascript的运行机制
May 10 Javascript
el-select数据过多懒加载的解决(loadmore)
May 29 Javascript
解决vue cli使用typescript后打包巨慢的问题
Sep 30 Javascript
vue-router的hooks用法详解
Jun 08 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
vue中jsonp插件的使用方法示例
Sep 10 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
while(1) SnakeGame(1) 德生2P3(1) mediapipe(1) cvzone(1) for(1) 索尼ICF-36(1) 贪吃蛇(2) python小游戏(5) 计算机视觉(2)
You might like
PHP的类 功能齐全的发送邮件类
2006/10/09 PHP
如何使用脚本模仿登陆过程
2006/11/22 PHP
PHP-MySQL教程归纳总结
2008/06/07 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
js调用后台servlet方法实例
2013/06/09 Javascript
Javascript的闭包详解
2014/12/26 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
2015/04/21 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
2016/01/10 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
2016/05/16 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
jquery实现百叶窗效果
2017/01/12 Javascript
详解Vue.js中.native修饰符
2018/04/24 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
[41:37]DOTA2北京网鱼队选拔赛——冲击职业之路
2015/04/13 DOTA
浅析Python中return和finally共同挖的坑
2017/08/18 Python
python 接口_从协议到抽象基类详解
2017/08/24 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
python设计tcp数据包协议类的例子
2019/07/23 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
css3 media 响应式布局的简单实例
2016/08/03 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
你不知道的5个HTML5新功能
2016/06/28 HTML / CSS
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
C#的几个面试问题
2016/05/22 面试题
秘书英文求职信范文
2014/01/31 职场文书
销售主管岗位职责范本
2014/02/14 职场文书
委托公证书范本
2014/04/03 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
团日活动总结书格式
2014/05/08 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
教师实习自我鉴定总结
2019/08/20 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers
【海涛教你打DOTA】虚空假面第一视角骨弓3房29杀
2022/04/01 DOTA