微信小程序如何利用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 相关文章推荐
理解JavaScript中的事件
Sep 23 Javascript
js 获取服务器控件值的代码
Mar 05 Javascript
JQuery 选择器 xpath 语法应用
May 13 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
ie浏览器使用js导出网页到excel并打印
Mar 11 Javascript
jQuery弹出层插件popShow用法示例
Jan 23 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
基于vue.js的分页插件详解
Nov 27 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
vue 中几种传值方法(3种)
Nov 12 Javascript
vue实现简单瀑布流布局
May 28 Javascript
在vue中使用image-webpack-loader实例
Nov 12 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
php中常用编辑器推荐
2007/01/02 PHP
php 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
PHP URL路由类实例
2013/11/12 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
利用javascript/jquery对上传文件格式过滤的方法
2009/07/25 Javascript
JS 自定义函数缺省值的设置方法
2010/05/05 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
jquery显示隐藏input对象
2014/07/21 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
浅谈js script标签中的预解析
2016/12/30 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
Vue中的v-for指令不起效果的解决方法
2018/09/27 Javascript
微信小程序嵌入腾讯视频源过程详解
2019/08/08 Javascript
Vue组件通信中非父子组件传值知识点总结
2019/12/05 Javascript
小谈angular ng deploy的实现
2020/04/07 Javascript
[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T
2018/04/01 DOTA
rhythmbox中文名乱码问题解决方法
2008/09/06 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
德国Discount-Apotheke中文官网:DC德式康线上药房
2020/02/18 全球购物
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
北京泡泡网网络有限公司.net面试题
2012/07/17 面试题
甜品店的创业计划书范文
2014/01/02 职场文书
高中军训感言1000字
2014/03/01 职场文书
初中学生操行评语
2014/12/26 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书