微信小程序跨页面传递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 相关文章推荐
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
Mar 04 Javascript
js 获取时间间隔实现代码
May 12 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
JS清除选择内容的方法
Jan 29 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
JS控制表单提交的方法
Jul 09 Javascript
js带缩略图的图片轮播效果代码分享
Sep 14 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
Aug 02 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
Mar 11 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
Apr 27 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实现生成和校验验证码功能
2017/04/28 PHP
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
JavaScript程序设计高级算法之动态规划实例分析
2017/11/24 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
vue element中axios下载文件(后端Python)
2019/05/10 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
JS实现页面数据懒加载
2020/02/13 Javascript
web.py中调用文件夹内模板的方法
2014/08/26 Python
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
python对一个数向上取整的实例方法
2020/06/18 Python
python中可以声明变量类型吗
2020/06/18 Python
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
HTML5 visibilityState属性详细介绍和使用实例
2014/05/03 HTML / CSS
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
秋季运动会活动方案
2014/02/05 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
职务任命书范本
2014/06/05 职场文书
小学安全汇报材料
2014/08/14 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书
解析laravel使用workerman用户交互、服务器交互
2021/04/28 PHP