微信小程序如何利用getCurrentPages进行页面传值


Posted in Javascript onJuly 01, 2019

最近刚赶完项目,利用空闲时间总结一下。

小程序的页面间传值 , 之前处理这种例如 a页面跳转b页面,在b页面进行一波操作 回到a页面 都是把b页面的操作的数据存到本地存储

wx.setStorageSync("b_data","b页面的数据")

在a页面是这样的

wx.getStorageSync("b_data")

但是这种方法怎么说呢 不利于操作 还会导致storage里面的数据非常混乱过一段时间鬼知道是什么,操作也麻烦 总之就是略low

后台研究这个事 发现小程序的官方文档有一个获取 获取当前页面栈。数组中第一个元素为首页,最后一个元素为当前页面。--getCurrentPages()

然后好玩的事来了 你可以在b页面获取a页面的数据 更神奇的是可以直接调用上个页面的setData方法 直接操作上个页面的数据

微信小程序如何利用getCurrentPages进行页面传值

例如这样

let pages = getCurrentPages(); // 获取当前页面栈
let prevPage = pages[pages.length - 2]; // -2 就是你上一页的数据 你上上页的数据就是-3 了以此类推!
// 直接操作上一个页面的 index数据 之后返回 
prevPage.setData({
index:index
},function(){
wx.navigateBack()
})

简单明了!好用且强大!另外还一个小技巧吧 在开发的时候有一个这样的需求 要求后台生成小程序码,用微信扫描小程序码带参数进入一个页面 但是生成的小程序码是线上的正式版本 但是小程度还没有上线 没有办法调试 解决方案来了 ,注意,前方高能------------->

微信小程序如何利用getCurrentPages进行页面传值

自行实验哦~~~

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
跟随鼠标旋转的文字
Nov 30 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
javascript 树形导航菜单实例代码
Aug 13 Javascript
javascript对下拉列表框(select)的操作实例讲解
Nov 29 Javascript
javascript日期对象格式化为字符串的实现方法
Jan 14 Javascript
轻松5句话解决JavaScript的作用域
Jul 15 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
vue中使用refs定位dom出现undefined的解决方法
Dec 21 Javascript
node.JS二进制操作模块buffer对象使用方法详解
Feb 06 Javascript
使用js和canvas实现时钟效果
Sep 08 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
vue中的面包屑导航组件实例代码
Jul 01 #Javascript
Vue动态面包屑功能的实现方法
Jul 01 #Javascript
vue实现自定义H5视频播放器的方法步骤
Jul 01 #Javascript
基于Vue SEO的四种方案(小结)
Jul 01 #Javascript
JavaScript一元正号运算符示例代码
Jun 30 #Javascript
重学JS之显示强制类型转换详解
Jun 30 #Javascript
JavaScript判断浏览器运行环境的详细方法
Jun 30 #Javascript
You might like
PHP goto语句简介和使用实例
2014/03/11 PHP
php中执行系统命令的方法
2015/03/21 PHP
让焦点自动跳转
2006/07/01 Javascript
javascript数组的扩展实现代码集合
2008/06/01 Javascript
JQuery实现鼠标滚轮滑动到页面节点
2015/07/28 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
jQuery实现页码跳转式动态数据分页
2017/12/31 jQuery
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
2019/09/27 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
Nodejs在局域网配置https访问的实现方法
2020/10/17 NodeJs
python回调函数的使用方法
2014/01/23 Python
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
跟老齐学Python之Import 模块
2014/10/13 Python
Python实现的根据IP地址计算子网掩码位数功能示例
2018/05/23 Python
windows下python和pip安装教程
2018/05/25 Python
python 实现批量xls文件转csv文件的方法
2018/10/23 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
Opencv-Python图像透视变换cv2.warpPerspective的示例
2019/04/11 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
python使用bs4爬取boss直聘静态页面
2020/10/10 Python
Python中BeautifulSoup通过查找Id获取元素信息
2020/12/07 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
专升本自我鉴定
2013/10/10 职场文书
教师自我评价范文
2013/12/16 职场文书
民事二审代理词
2015/05/25 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python
Python - 10行代码集2000张美女图
2021/05/23 Python