【微信小程序】关于getCurrentPages()的使用

最新推荐文章于 2025-05-19 11:34:43 发布

原创最新推荐文章于 2025-05-19 11:34:43 发布 · 1.4w 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#getCurrentPage() #页面栈 #页面刷新 #跨页赋值

微信小程序专栏收录该内容

7 篇文章

订阅专栏

本文深入讲解小程序页面路由管理，包括页面栈的表现、getCurrentPages()函数的使用及常见场景，如利用页面栈长度、跨页面赋值、页面跳转后自动刷新等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，要对小程序的页面路由有所了解，在小程序中所有页面的路由全部由框架进行管理。框架以栈的形式维护了当前的所有页面。当发生路由切换的时候，页面栈的表现如下：

路由方式	页面栈表现
初始化	新页面入栈
打开新页面	新页面入栈
页面重定向	当前页面出栈，新页面入栈
页面返回	页面不断出栈，直到目标返回页
Tab 切换	页面全部出栈，只留下新的 Tab 页面
重加载	页面全部出栈，只留下新的页面

getCurrentPages()

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

本篇博客旨在记录了自己在小程序编程过程中碰到的一部分问题，如有错误的地方欢迎指正