微信小程序跨页面传递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页面的数据

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

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