微信小程序如何利用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 图片等比例缩放代码
May 13 Javascript
jQuery中:visible选择器用法实例
Dec 30 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
JavaScript学习笔记之JS对象
Jan 22 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
May 17 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
使用JQuery选择HTML遍历函数的方法
Sep 17 Javascript
JavaScript中var、let、const区别浅析
Jun 24 Javascript
vue路由--网站导航功能详解
Mar 29 Javascript
一文了解Vue中的nextTick
May 06 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 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中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
php多线程并发实现方法
2016/09/30 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
php+mysql开发的最简单在线题库(在线做题系统)完整案例
2019/03/30 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
JS动态调用方法名示例介绍
2013/12/18 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
JS实现很酷的水波文字特效实例
2015/02/26 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
在移动端使用vue-router和keep-alive的方法示例
2018/12/02 Javascript
vxe-table vue table 表格组件功能
2019/05/26 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
react-router-dom 嵌套路由的实现
2020/05/02 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
2020/11/02 Javascript
React实现todolist功能
2020/12/28 Javascript
Python中DJANGO简单测试实例
2015/05/11 Python
Python基于pygame实现的font游戏字体(附源码)
2015/11/11 Python
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
分析python切片原理和方法
2017/12/19 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
CSS3教程(3):border-color网页边框色彩
2009/04/02 HTML / CSS
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
linux面试题参考答案(10)
2016/10/26 面试题
大学生通用个人的自我评价
2014/02/10 职场文书
学生安全教育材料
2014/02/14 职场文书
销售口号大全
2014/06/11 职场文书
代理人委托书
2014/09/16 职场文书
社区党建工作汇报材料
2014/10/27 职场文书
承诺书范本
2015/01/21 职场文书
元旦晚会主持词开场白
2015/05/28 职场文书
Android基于Fresco实现圆角和圆形图片
2022/04/01 Java/Android