微信小程序如何利用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 While 循环基础教程
Apr 05 Javascript
jQuery autocomplete插件修改
Apr 17 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
javascript setTimeout和setInterval计时的区别详解
Jun 21 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
jQuery实现不断闪烁文字的方法
May 15 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
jQuery文字轮播特效
Feb 12 Javascript
VUE实现日历组件功能
Mar 13 Javascript
详解处理bootstrap4不支持远程静态框问题
Jul 20 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
Apr 28 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 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 eval函数用法总结
2012/10/31 PHP
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
介绍一个简单的JavaScript类框架
2015/06/24 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
2017/01/04 Javascript
使用vue制作FullPage页面滚动效果
2017/08/21 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
TypeScript基础入门教程之三重斜线指令详解
2018/10/22 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
python选择排序算法的实现代码
2013/11/21 Python
Python获取邮件地址的方法
2015/07/10 Python
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
Scrapy框架使用的基本知识
2018/10/21 Python
python3使用腾讯企业邮箱发送邮件的实例
2019/06/28 Python
Python如何操作office实现自动化及win32com.client的运用
2020/04/01 Python
python访问hdfs的操作
2020/06/06 Python
详解python polyscope库的安装和例程
2020/11/13 Python
纯CSS3实现扇形动画菜单(简化版)实例源码
2017/01/17 HTML / CSS
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
美国手机支架公司:PopSockets
2019/11/27 全球购物
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
社区党总支书记先进事迹材料
2014/01/24 职场文书
财产公证书格式
2014/04/10 职场文书
铁路安全事故反思
2014/04/26 职场文书
防汛工作情况汇报
2014/10/28 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
2015双创工作总结
2015/07/24 职场文书
食堂管理制度范本
2015/08/04 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书