微信小程序如何利用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 相关文章推荐
jquery下操作HTML控件的实现代码
Jan 12 Javascript
基于jQuery的动态表格插件
Mar 28 Javascript
jquery配合css简单实现返回顶部效果
Sep 30 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
javaScript中"=="和"==="的区别详解
Mar 16 Javascript
vue弹窗组件的实现示例代码
Sep 10 Javascript
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
详解vue中v-on事件监听指令的基本用法
Jul 22 Javascript
Element InputNumber 计数器的实现示例
Aug 03 Javascript
javascript实现数字时钟效果
Feb 06 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读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
javascript concat数组累加 示例
2009/09/03 Javascript
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
jQuery回到顶部的代码
2016/07/09 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
js 性能优化之快速响应的用户界面
2017/02/15 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
jquery实现楼层滚动效果
2018/01/01 jQuery
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
微信小程序如何访问公众号文章
2019/07/08 Javascript
jQuery实现验证用户登录
2019/12/10 jQuery
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
python 获取指定文件夹下所有文件名称并写入列表的实例
2018/04/23 Python
python使用代理ip访问网站的实例
2018/05/07 Python
在双python下设置python3为默认的方法
2018/10/31 Python
python使用xlsxwriter实现有向无环图到Excel的转换
2018/12/12 Python
python utc datetime转换为时间戳的方法
2019/01/15 Python
python实现全盘扫描搜索功能的方法
2019/02/14 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
python之mock模块基本使用方法详解
2019/06/27 Python
Python列表与元组的异同详解
2019/07/02 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
美国学校用品、教室和教学商店:Discount School Supply
2018/04/04 全球购物
印度民族服装购物网站:BIBA
2019/08/05 全球购物
物业经理求职自我评价
2013/09/22 职场文书
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
初婚未育证明
2014/01/15 职场文书
精彩广告词大全
2014/03/19 职场文书
反邪教警示教育方案
2014/05/13 职场文书
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers