微信小程序如何利用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 相关文章推荐
Js 获取HTML DOM节点元素的方法小结
Apr 24 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
JS实现双击编辑可修改状态的方法
Aug 14 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
Jun 12 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
微信小程序实现页面跳转传值的方法
Oct 12 Javascript
js中this对象用法分析
Jan 05 Javascript
微信小程序实现bindtap等事件传参
Apr 08 Javascript
layui 动态设置checbox 选中状态的例子
Sep 02 Javascript
基于javascript实现日历功能原理及代码实例
May 07 Javascript
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安装攻略:常见问题解答(二)
2006/10/09 PHP
使用 eAccelerator加速PHP代码的方法
2007/09/30 PHP
php链表用法实例分析
2015/07/09 PHP
prototype.js的Ajax对象
2006/09/23 Javascript
javascript Select标记中options操作方法集合
2008/10/22 Javascript
javascript FormatNumber函数实现方法
2008/12/30 Javascript
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
2013/08/13 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
2014/01/22 Javascript
javascript实现动态标签云
2015/10/16 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
在javaScript中检测数据类型的几种方式小结
2017/03/04 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
vue.js实现的幻灯片功能示例
2019/01/18 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
2019/11/26 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
解决python3 pika之连接断开的问题
2018/12/18 Python
canvas 绘图时位置偏离的问题解决
2020/09/16 HTML / CSS
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
几道PHP的面试题
2012/05/19 面试题
房地产出纳岗位职责
2013/12/01 职场文书
医院实习介绍信
2014/01/12 职场文书
优秀学生事迹材料
2014/02/08 职场文书
岗位职责风险点
2014/03/12 职场文书
寄语是什么意思
2014/04/10 职场文书
关于环保的演讲稿
2014/05/10 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
毕业论文致谢范文
2015/05/14 职场文书
母婴行业实体、电商模式全面解析
2019/08/01 职场文书
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers