立即注册 登录
召隆企博汇论坛 返回首页

liwp的个人空间 http://bbs.clogcn.com/?4 [收藏] [复制] [分享] [RSS]

日志

getCurrentPages()的使用

热度 1已有 457 次阅读2020-7-21 17:25 |个人分类:小程序| 知识点

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

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

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

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()使用场景


路过

雷人
1

握手

鲜花

鸡蛋

刚表态过的朋友 (1 人)

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 立即注册

QQ|Archiver|手机版|小黑屋|召隆企博汇 ( 粤ICP备14061395号 )

GMT+8, 2024-11-23 22:55 , Processed in 0.019940 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

返回顶部