微信小程序跨页面传递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 相关文章推荐
JS实现打开本地文件或文件夹
Mar 09 Javascript
风吟的小型JavaScirpt库 (FY.JS).
Mar 09 Javascript
javascript中检测变量的类型的代码
Dec 28 Javascript
ajax与302响应代码测试
Oct 23 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
Vue计算属性的使用
Aug 04 Javascript
基于 Vue 的树形选择组件的示例代码
Aug 18 Javascript
关于JavaScript语句后面的分号问题
Dec 07 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
Jun 19 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 Javascript
Vue实现穿梭框效果
Sep 30 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
ThinkPHP中RBAC类的四种用法分析
2014/11/24 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
PHP常用的类封装小结【4个工具类】
2019/06/28 PHP
在textarea文本域中显示HTML代码的方法
2007/03/06 Javascript
Node.js(安装,启动,测试)
2014/06/09 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
2015/08/17 Javascript
微信小程序  自定义创建详细介绍
2016/10/27 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
原生JS实现留言板功能
2020/02/08 Javascript
python采集博客中上传的QQ截图文件
2014/07/18 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
Flask之flask-script模块使用
2018/07/26 Python
对python cv2批量灰度图片并保存的实例讲解
2018/11/09 Python
OpenCV+python实现膨胀和腐蚀的示例
2020/12/21 Python
瑞士设计师家具和家居饰品网上商店:Bruno Wickart
2019/03/18 全球购物
函授本科毕业生自我鉴定
2013/10/16 职场文书
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
职业培训师职业生涯规划
2014/02/18 职场文书
自我鉴定标准格式
2014/03/19 职场文书
《故都的秋》教学反思
2014/04/15 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
乡镇党委书记第三阶段个人整改措施
2014/09/16 职场文书
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
企业群众路线教育实践活动心得体会
2014/11/03 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
工作态度不好检讨书
2015/05/06 职场文书
车间安全生产管理制度
2015/08/06 职场文书
《鸡兔同笼》教学反思
2016/02/19 职场文书
MySQL中distinct和count(*)的使用方法比较
2021/05/26 MySQL
Linux中文件的基本属性介绍
2022/06/01 Servers