微信小程序如何利用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 相关文章推荐
学习ExtJS(一) 之基础前提
Oct 07 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
JavaScript实现点击按钮切换网页背景色的方法
Oct 17 Javascript
纯js实现手风琴效果
Apr 17 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
详解微信小程序中的页面代码中的模板的封装
Oct 12 Javascript
js实现简单页面全屏
Sep 17 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
这样回答继承可能面试官更满意
Dec 10 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
Oct 28 Javascript
React服务端渲染原理解析与实践
Mar 04 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实现随机显示图片方法汇总
2015/05/21 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
获取offsetTop和offsetLeft值的js代码(兼容)
2013/04/16 Javascript
处理及遍历XML文档DOM元素属性及方法整理
2013/08/23 Javascript
Jquery解析json数据详解
2013/12/26 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
JS实现移动端按首字母检索城市列表附源码下载
2017/07/05 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
Vue 按键修饰符处理事件的方法
2018/05/04 Javascript
Angular服务Request异步请求的实例讲解
2018/08/13 Javascript
微信小程序如何播放腾讯视频的实现
2019/09/20 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
基于JavaScript实现十五拼图代码实例
2020/04/26 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
2020/08/14 Javascript
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
python多线程分块读取文件
2019/08/29 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
详解Python 中的 defaultdict 数据类型
2021/02/22 Python
html5教程画矩形代码分享
2013/12/04 HTML / CSS
HTML5中的Scoped属性使用实例
2014/04/23 HTML / CSS
葡萄牙航空官方网站:TAP Air Portugal
2019/10/31 全球购物
FragranceNet中文网:北美健康美容线上零售商
2020/08/26 全球购物
管理建议书范文
2014/05/13 职场文书
中国梦读书活动总结
2014/07/10 职场文书
小学运动会演讲稿
2014/08/25 职场文书
2015年艾滋病防治工作总结
2015/05/22 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
详解JAVA的控制语句
2021/11/11 Java/Android
Docker 镜像介绍以及commit相关操作
2022/04/13 Servers