微信小程序如何利用getCurrentPages进行页面传值

 更新时间:2019年07月01日 11:45:49   作者:晴天丶麻油叶  
这篇文章主要介绍了微信小程序如何利用getCurrentPages进行页面传值,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

最近刚赶完项目,利用空闲时间总结一下。

小程序的页面间传值 , 之前处理这种例如 a页面跳转b页面,在b页面进行一波操作 回到a页面 都是把b页面的操作的数据存到本地存储

wx.setStorageSync("b_data","b页面的数据")

在a页面是这样的

wx.getStorageSync("b_data")

但是这种方法怎么说呢 不利于操作 还会导致storage里面的数据非常混乱过一段时间鬼知道是什么,操作也麻烦 总之就是略low

后台研究这个事 发现小程序的官方文档有一个获取 获取当前页面栈。数组中第一个元素为首页,最后一个元素为当前页面。--getCurrentPages()

然后好玩的事来了 你可以在b页面获取a页面的数据 更神奇的是可以直接调用上个页面的setData方法 直接操作上个页面的数据

例如这样

let pages = getCurrentPages(); // 获取当前页面栈
let prevPage = pages[pages.length - 2]; // -2 就是你上一页的数据 你上上页的数据就是-3 了以此类推!
// 直接操作上一个页面的 index数据 之后返回 
prevPage.setData({
index:index
},function(){
wx.navigateBack()
})

简单明了!好用且强大!另外还一个小技巧吧 在开发的时候有一个这样的需求 要求后台生成小程序码,用微信扫描小程序码带参数进入一个页面 但是生成的小程序码是线上的正式版本 但是小程度还没有上线 没有办法调试 解决方案来了 ,注意,前方高能------------->

自行实验哦~~~

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 小程序实现简单分页组件

    小程序实现简单分页组件

    这篇文章主要为大家详细介绍了小程序实现简单分页组件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JavaScript装饰器的实现原理详解

    JavaScript装饰器的实现原理详解

    最近在使用TS+Vue的开发模式,发现项目中大量使用了装饰器,看得我手足无措,今天特意研究一下实现原理,方便自己理解这块知识点,有需要的小伙伴也可以参考一下
    2022-10-10
  • JavaScript 实现打印,打印预览,打印设置

    JavaScript 实现打印,打印预览,打印设置

    这篇文章主要介绍了JavaScript 实现打印,打印预览,打印设置的方法及示例分享,需要的朋友可以参考下
    2014-12-12
  • 小程序中如何绘制思维导图详解

    小程序中如何绘制思维导图详解

    小程序相信大家应该都很熟悉了,对于小程序的整个运营的方法,很多运营都比较关注,今天希望通过一个思维导图,这篇文章主要给大家介绍了关于小程序中如何绘制思维导图的相关资料,需要的朋友可以参考下
    2021-10-10
  • ie浏览器使用js导出网页到excel并打印

    ie浏览器使用js导出网页到excel并打印

    简单介绍一种可以使用简单的JS来实现把网页中的信息原样导出到Excel、还可以打印的方法,需要的朋友可以参考下
    2014-03-03
  • 在小程序中使用Echart图表的示例代码

    在小程序中使用Echart图表的示例代码

    这篇文章主要介绍了在小程序中使用Echart图表的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • HTML+CSS+JS实现的简单应用小案例分享

    HTML+CSS+JS实现的简单应用小案例分享

    这篇文章主要为大家分享四个用HTML+CSS+JS实现的简单应用小案例,有:猜数字、表白墙、切换日夜间模式和待办事项,需要的可以参考一下
    2022-02-02
  • js局部刷新页面时间具体实现

    js局部刷新页面时间具体实现

    这篇文章介绍了js局部刷新页面时间具体实现,需要的朋友可以参考一下
    2013-07-07
  • 详解JavaScript中精度失准问题及解决方法

    详解JavaScript中精度失准问题及解决方法

    这篇文章主要介绍了JavaScript中精度失准问题及解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • 浅谈JavaScript对象的创建方式

    浅谈JavaScript对象的创建方式

    下面小编就为大家带来一篇浅谈JavaScript对象的创建方式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-06-06

最新评论