微信小程序如何利用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 Select(单选) 模拟插件 V1.3.62 改进版
Jul 17 Javascript
用JS判断IE版本的代码 超管用!
Aug 09 Javascript
Javascript中的delete介绍
Sep 02 Javascript
JQuery radio(单选按钮)操作方法汇总
Apr 15 Javascript
javascript中html字符串转化为jquery dom对象的方法
Aug 27 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
详解vue slot插槽的使用方法
Jun 13 Javascript
关于vue编译版本引入的问题的解决
Sep 17 Javascript
浅析vue中的MVVM实现原理
Mar 04 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
Mar 10 Javascript
JavaScript实现拖拽效果
Mar 16 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下批量挂马和批量清马代码
2011/02/27 PHP
PHP 接入微信扫码支付总结(总结篇)
2016/11/03 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
PHP的PDO大对象(LOBs)
2019/01/27 PHP
jQuery在vs2008及js文件中的无智能提示的解决方法
2010/12/30 Javascript
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
浅谈在react中如何实现扫码枪输入
2018/07/04 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
微信小程序之几种常见的弹框提示信息实现详解
2019/07/11 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
python根据出生日期获得年龄的方法
2015/03/31 Python
Python的消息队列包SnakeMQ使用初探
2016/06/29 Python
python 平衡二叉树实现代码示例
2018/07/07 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
python使用selenium登录QQ邮箱(附带滑动解锁)
2019/01/23 Python
python绘制地震散点图
2019/06/18 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
荷兰优雅女装网上商店:Heine
2016/11/14 全球购物
大学学雷锋活动总结
2014/06/26 职场文书
2014教师党员自我评议(5篇)
2014/09/20 职场文书
小王子读书笔记
2015/06/29 职场文书
国庆放假通知怎么写
2015/07/30 职场文书
2019学子的答谢词范本!
2019/07/05 职场文书
vue+springboot实现登录验证码
2021/05/27 Vue.js