微信小程序跨页面传递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 相关文章推荐
基于jquery实现的文字淡入淡出效果
Nov 14 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 Javascript
JavaScript DOM元素尺寸和位置
Apr 13 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
Oct 09 Javascript
JavaScript 用fetch 实现异步下载文件功能
Jul 21 Javascript
Angular5.1新功能分享
Dec 21 Javascript
原生js封装的ajax方法示例
Aug 02 Javascript
实例详解vue中的$root和$parent
Apr 29 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
vue3种table表格选项个数的控制方法
Apr 14 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&&mysql)三
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
JS 实现双色表格实现代码
2009/11/24 Javascript
解决jquery的.animate()函数在IE6下的问题
2010/12/03 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
jQuery中选择器小问题(新人难免遇到)
2014/03/31 Javascript
js和jquery中循环的退出和继续下一个循环
2014/09/03 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
jquery制作多功能轮播图插件
2015/04/02 Javascript
浅谈javascript中call()、apply()、bind()的用法
2015/04/20 Javascript
动态加载js、css的简单实现代码
2016/05/26 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
Vue动态实现评分效果
2017/05/24 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
js中对象与对象创建方法的各种方法
2019/02/27 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
Python字符串详细介绍
2015/05/09 Python
python使用pycharm环境调用opencv库
2018/02/11 Python
基于Python pip用国内镜像下载的方法
2018/06/12 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
django列表筛选功能的实现代码
2020/03/27 Python
django 实现简单的插入视频
2020/04/07 Python
python实现画图工具
2020/08/27 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
乡镇纠风工作实施方案
2014/03/22 职场文书
拓展策划方案
2014/06/03 职场文书
营销总监岗位职责
2014/09/16 职场文书
新学期家长寄语2016
2015/12/03 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书
浅谈react useEffect闭包的坑
2021/06/08 Javascript