美文网首页Web前端之路微信小程序开发微信小程序
微信小程序利用getCurrentPages进行页面传值

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

作者: 柠檬树QAQ | 来源:发表于2019-06-29 14:00 被阅读4次

    最近刚赶完项目,利用空闲时间总结一下。
    小程序的页面间传值 , 之前处理这种例如 a页面跳转b页面,在b页面进行一波操作 回到a页面 都是把b页面的操作的数据存到本地存储

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

    在a页面是这样的

    wx.getStorageSync("b_data")
    

    但是这种方法怎么说呢 不利于操作 还会导致storage里面的数据非常混乱过一段时间鬼知道是什么,操作也麻烦 总之就是略low
    后台研究这个事 发现小程序的官方文档有一个获取 获取当前页面栈。数组中第一个元素为首页,最后一个元素为当前页面。--getCurrentPages()

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

    例如这样

    let pages = getCurrentPages();  // 获取当前页面栈
        let prevPage = pages[pages.length - 2]; // -2 就是你上一页的数据 你上上页的数据就是-3 了以此类推!
         // 直接操作上一个页面的 index数据 之后返回 
          prevPage.setData({
            index:index
          },function(){
            wx.navigateBack()
          })
    
    
    简单明了!好用且强大!另外还一个小技巧吧 在开发的时候有一个这样的需求 要求后台生成小程序码,用微信扫描小程序码带参数进入一个页面 但是生成的小程序码是线上的正式版本 但是小程度还没有上线 没有办法调试 解决方案来了 ,注意,前方高能------------->

    自行实验哦~~~

    相关文章

      网友评论

        本文标题:微信小程序利用getCurrentPages进行页面传值

        本文链接:https://www.haomeiwen.com/subject/fncpcctx.html