微信小程序跨页面传递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 相关文章推荐
取得一定长度的内容,处理中文
Dec 20 Javascript
斜45度寻路实现函数
Aug 20 Javascript
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
Javascript动态创建div的方法
Feb 09 Javascript
JavaScript DOM基础
Apr 13 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
AngularJS directive返回对象属性详解
Mar 28 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
微信小程序实现拍照画布指定区域生成图片
Jul 18 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 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获取发送给用户的header信息的方法
2015/03/16 PHP
PHP中的类型约束介绍
2015/05/11 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
PHP 接入微信扫码支付总结(总结篇)
2016/11/03 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
JavaScript中使用stopPropagation函数停止事件传播例子
2014/08/27 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
js实现二级菜单渐隐显示
2015/11/03 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
vue中各组件之间传递数据的方法示例
2017/07/27 Javascript
vue2.0实现前端星星评分功能组件实例代码
2018/02/12 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
使用Python matplotlib作图时,设置横纵坐标轴数值以百分比(%)显示
2020/05/16 Python
如何用Python编写一个电子考勤系统
2021/02/08 Python
马来西亚与新加坡长途巴士售票网站:BusOnlineTicket.com
2018/11/05 全球购物
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
苏格兰在线威士忌商店:The Whisky Barrel
2019/05/07 全球购物
中东奢侈品市场:Coveti
2019/05/12 全球购物
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
中国梦演讲稿教师篇
2014/04/23 职场文书
初三学生评语大全
2014/04/24 职场文书
工作收入住址证明
2014/10/28 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
JS实现扫雷项目总结
2021/05/19 Javascript
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript