微信小程序如何利用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 相关文章推荐
DIV+CSS+JS不间断横向滚动实现代码
Mar 19 Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 Javascript
Extjs实现进度条的两种便捷方式
Sep 26 Javascript
js实现的简洁网页滑动tab菜单效果代码
Aug 24 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
Vue组件开发初探
Feb 14 Javascript
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
JS返回顶部实例代码
Aug 09 Javascript
node.js实现为PDF添加水印的示例代码
Dec 05 Javascript
Vue组件之高德地图地址选择功能的实例代码
Jun 21 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 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实现单链表的实例代码
2013/03/22 PHP
PHP7.1新功能之Nullable Type用法分析
2016/09/26 PHP
PHP实现中国公民身份证号码有效性验证示例代码
2017/05/03 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
php获取手机端的号码以及ip地址实例代码
2018/09/12 PHP
javascript attachEvent和addEventListener使用方法
2009/03/19 Javascript
javascript 禁止复制网页
2009/06/11 Javascript
JQuery打造PHP的AJAX表单提交实例
2009/11/03 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
jQuery插件imgAreaSelect基础讲解
2017/05/26 jQuery
js评分组件使用详解
2017/06/06 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
Vue自定义多选组件使用详解
2020/09/08 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
python时间整形转标准格式的示例分享
2014/02/14 Python
Python3搜索及替换文件中文本的方法
2015/05/22 Python
利用Python代码实现数据可视化的5种方法详解
2018/03/25 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
关于 Python opencv 使用中的 ValueError: too many values to unpack
2019/06/28 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
pytorch 查看cuda 版本方式
2020/06/23 Python
python怎么删除缓存文件
2020/07/19 Python
HTML5新增的8类INPUT输入类型介绍
2015/07/06 HTML / CSS
Linux文件系统类型
2012/02/15 面试题
Java程序员面试题
2016/09/27 面试题
《唯一的听众》教学反思
2016/02/18 职场文书
创业计划书之游泳馆
2019/09/16 职场文书
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL