微信小程序如何利用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 使用手册(二)
Sep 23 Javascript
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
js的表单操作 简单计算器
Dec 29 Javascript
js 遍历json返回的map内容示例代码
Oct 29 Javascript
jQuery滚动加载图片实现原理
Dec 14 Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
Nov 22 Javascript
学习vue.js计算属性
Dec 03 Javascript
js Canvas绘制圆形时钟教程
Feb 06 Javascript
ES6中的rest参数与扩展运算符详解
Jul 18 Javascript
vue实现前端分页完整代码
Jun 17 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常用函数小技巧
2008/09/11 PHP
PHP5 的对象赋值机制介绍
2011/08/02 PHP
解析php时间戳与日期的转换
2013/06/06 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
页面版文本框智能提示JS代码
2009/11/20 Javascript
jquery 表单取值常用代码
2009/12/22 Javascript
Prototype的Class.create函数解析
2011/09/22 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
Javascript中的Callback方法浅析
2015/03/15 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
jQuery插件echarts去掉垂直网格线用法示例
2017/03/03 Javascript
详解nodejs express下使用redis管理session
2017/04/24 NodeJs
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
Vue实现多标签选择器
2019/11/28 Javascript
Vue实现可移动水平时间轴
2020/06/29 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
Python使用wget实现下载网络文件功能示例
2018/05/31 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
基于Python的ModbusTCP客户端实现详解
2019/07/13 Python
Python爬取梨视频的示例
2021/01/29 Python
SneakerStudio英国:最佳运动鞋商店
2019/05/22 全球购物
编辑个人求职信范文
2013/09/21 职场文书
电气专业应届生求职信
2013/11/01 职场文书
中学生评语大全
2014/04/18 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
2014年有孩子的离婚协议书范本
2014/10/08 职场文书
见习报告怎么写
2014/10/31 职场文书
2014年医务科工作总结
2014/12/18 职场文书
干部考察材料范文
2014/12/24 职场文书
幼儿园个人总结
2015/02/28 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
关于Python使用turtle库画任意图的问题
2022/04/01 Python