码迷,mamicode.com
首页 > 其他好文 > 详细

getCurrentPages()的使用

时间:2020-05-30 12:49:16      阅读:56      评论:0      收藏:0      [点我收藏+]

标签:第一个   data   cti   getc   var   自动   长度   函数   ges   

getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。 注意:

不要尝试修改页面栈,会导致路由以及页面状态错误。
不要在 App.onLaunch 的时候调用 getCurrentPages(),此时page 还没有生成。

熟悉页面栈后才能更好的使用getCurrentPages(),下面将列举几种常用的使用场景:
1、利用页面栈的长度
例如:进入小程序非默认首页时,需要提供返回首页的按钮或者执行其它事件

1   onShow() {
2     let pages = getCurrentPages(); //当前页面栈
3     if (pages.length == 1) {
4      //todo
5     }
6   },

 



2、跨页面赋值

        let pages = getCurrentPages();//当前页面栈
        let prevPage = pages[pages.length - 2];//上一页面
        prevPage.setData({
            //直接给上移页面赋值
        });

  



3、页面跳转后自动刷新
 //举例

   wx.switchTab({
            url: ‘../index/index‘,
            success: function (e) {
                var page = getCurrentPages().pop(); //当前页面
                if (page == undefined || page == null) return;
                page.onLoad(); //或者其它操作
            }
        })

  



4、获取当前页面相关信息
 

let pages = getCurrentPages(); //当前页面栈
 //当前页面为页面栈的最后一个元素
 let prevPage = pages[pages.length - 1];//当前页面
 or
 // pop() 方法用于删除并返回数组的最后一个元素
 let prevPage = pages.pop();//当前页面
 
 console.log( prevPage.route) //举例:输出为‘pages/index/index’

  



以上就是我在微信小程序开发中经常会遇到的getCurrentPages()使用场景

getCurrentPages()的使用

标签:第一个   data   cti   getc   var   自动   长度   函数   ges   

原文地址:https://www.cnblogs.com/dreamboycx/p/12991481.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!