微信小程序如何利用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具有类似Lambda表达式编程能力的代码(改进版)
Sep 14 Javascript
javascript之querySelector和querySelectorAll使用介绍
Dec 20 Javascript
JavaScript中常用的运算符小结
Jan 18 Javascript
javascript全局变量封装模块实现代码
Nov 28 Javascript
JS实现图片预加载无需等待
Dec 21 Javascript
angularjs中的e2e测试实例
Dec 06 Javascript
详解JavaScript中的事件流和事件处理程序
May 20 Javascript
JavaScript中的一些隐式转换和总结(推荐)
Dec 22 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
js图片无缝滚动插件使用详解
May 26 Javascript
浅谈Vue 函数式组件的使用技巧
Jun 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 和 XML: 使用expat函数(二)
2006/10/09 PHP
PHP 加密解密内部算法
2010/04/22 PHP
php生成随机数的三种方法
2014/09/10 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
第五篇Bootstrap 排版
2016/06/21 Javascript
seajs模块之间依赖的加载以及模块的执行
2016/10/21 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
python中的多重继承实例讲解
2014/09/28 Python
python简单获取本机计算机名和IP地址的方法
2015/06/03 Python
Python文件常见操作实例分析【读写、遍历】
2018/12/10 Python
浅谈Python批处理文件夹中的txt文件
2019/03/11 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
python socket 聊天室实例代码详解
2019/11/14 Python
Python接口测试文件上传实例解析
2020/05/22 Python
python os.listdir()乱码解决方案
2021/01/31 Python
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
Blancsom美国/加拿大:服装和生活用品供应商
2018/07/27 全球购物
DNA测试:Orig3n
2019/03/01 全球购物
经典c++面试题二
2015/08/14 面试题
班组长工作职责
2013/12/25 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
2014年设备管理工作总结
2014/11/26 职场文书
员工离职感谢信
2015/01/22 职场文书
暖春观后感
2015/06/08 职场文书
php中pcntl_fork详解
2021/04/01 PHP
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB