编程 Javascript

微信小程序跨页面传递data数据方法解析

Posted in Javascript onDecember 13, 2019

这篇文章主要介绍了微信小程序跨页面传递data数据方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

Q：小程序怎么把页面data里的数据传到另外的页面？或者小程序怎么吧表单里的数据传到另外的页面？

A：1、可以使用url传递数据。
例如在A页面中传递数据，需要注意的是，wx.switchTab中的url不能传参数。

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 相关文章推荐

取得一定长度的内容，处理中文

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