微信小程序如何利用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 相关文章推荐
贴一个在Mozilla中常用的Javascript代码
Jan 09 Javascript
含有CKEditor的表单如何提交
Jan 09 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
Sep 04 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
使用Chrome调试JavaScript的断点设置和调试技巧
Dec 16 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
EasyUI中combobox默认值注意事项
Mar 01 Javascript
jQuery判断一个元素是否可见的方法
Jun 05 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
关于node-bindings无法在Electron中使用的解决办法
Dec 18 Javascript
实现AJAX异步调用和局部刷新的基本步骤
Mar 17 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
使ecshop模板中可引用常量的实现方法
2011/06/02 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
几个高效,简洁的字符处理函数
2007/04/12 Javascript
javascript 异常处理使用总结
2009/06/21 Javascript
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
jQuery插件windowScroll实现单屏滚动特效
2015/07/14 Javascript
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
JS实现点击循环切换显示内容的方法
2017/10/19 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
JavaScript类的继承操作实例总结
2018/12/20 Javascript
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
js属性对象的hasOwnProperty方法的使用
2021/02/05 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
Python快速从注释生成文档的方法
2016/12/26 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
Python使用Flask-SQLAlchemy连接数据库操作示例
2018/08/31 Python
python 实现得到当前时间偏移day天后的日期方法
2018/12/31 Python
Django 中间键和上下文处理器的使用
2019/03/17 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
TensorFlow2.1.0最新版本安装详细教程
2020/04/08 Python
如何通过python实现IOU计算代码实例
2020/11/02 Python
有750多个顶级品牌的瑞士时尚在线:ABOUT YOU
2017/01/04 全球购物
英国最大的纸工艺品商店:CraftStash
2018/12/01 全球购物
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
领导干部作风整顿剖析材料
2014/10/11 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书
宣传稿格式范文
2015/07/23 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android
Python基本的内置数据类型及使用方法
2022/04/13 Python
Java+swing实现抖音上的表白程序详解
2022/06/25 Java/Android