首页
所有分类
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的几种方法
Oct 23 Javascript
瀑布流布局并自动加载实现代码
Mar 12 Javascript
jquery 删除cookie失效的解决方法
Nov 12 Javascript
使用javascript做的一个随机点名程序
Feb 13 Javascript
JavaScript实现表格快速变色效果代码
Aug 19 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
Apr 17 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
Vue核心概念Action的总结
Jan 18 Javascript
浅谈javascript如何获取文件后缀名
Aug 07 Javascript
原生JavaScript实现留言板
Jan 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
备份(2) update(2) 索尼ICF-36(1) tcp/ip(1) 限速(1) 数据库卡死(1) 全局锁(1) 限流(2) 索引(8) IP(1)
You might like
PHP,ASP.JAVA,JAVA代码格式化工具整理
2010/06/15 PHP
php处理文件的小例子(解压缩，删除目录)
2013/02/03 PHP
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
JS时间特效最常用的三款
2015/08/19 Javascript
基于jQuery实现数字滚动效果
2017/01/16 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
Python实现的字典值比较功能示例
2018/01/08 Python
Python实现登陆文件验证方法
2018/10/06 Python
详解python多线程之间的同步(一)
2019/04/03 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
2019/08/27 Python
利用 Flask 动态展示 Pyecharts 图表数据方法小结
2019/09/04 Python
通过Turtle库在Python中绘制一个鼠年福鼠
2020/02/03 Python
sklearn+python:线性回归案例
2020/02/24 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
通俗讲解python 装饰器
2020/09/07 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
html5实现九宫格抽奖可固定抽中某项奖品
2020/06/15 HTML / CSS
欧洲领先的电子和电信零售商和服务提供商：Currys PC World Business
2017/12/05 全球购物
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
法学专业应届生求职信
2013/10/16 职场文书
防邪知识进家庭活动方案
2014/08/26 职场文书
公司离职证明标准样本
2014/10/05 职场文书
小学新教师个人总结
2015/02/05 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
物业项目经理岗位职责
2015/04/01 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
python基础之//、/与%的区别详解
2022/06/10 Python