uni-app getCurrentPages

ゞ浴缸里的玫瑰 2023-05-21 15:12 14阅读 0赞

*（更新 于- 2020.05.11：添加实际案例）*

官方文档：

**getCurrentPages( )** 用于获取当前页面栈的实例，以数组形式按照栈的顺序返回，第一个元素为首页，最后一个为当前页面。

***tips:***

*getCurrentPages（） 仅用于展示页面栈的情况，请勿修改页面栈，否则会造成页面状态错误。*

var pages = getCurrentPages() // 获取栈实例
    console.log(pages) // 打印如下
    var page = pages[pages.length - 1] // 获取当前页面的数据，包含页面路由

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70][]

###  补充： ###

**在实际项目中，此方法几乎每个项目都会用到：**

用户点开小程序，之后如果没有关闭小程序，手机关屏或者隐藏了小程序，当再次进来的时候，我们需要定位到用户之前打开的页面，此时，我们可以用此方法来判断：

**（1）小程序如果隐藏或者手机锁屏，都会触发全局生命周期** \- **onHide**

**（2）后台到前台 （用户再次打开小程序）都会触发 onShow生命周期**

export default {
        globalData: {
            URL: null
        },
        omShow() {
            if (this.globalData.URL) {
                uni.navigateTo({url: this.globalData.URL})
                return
            }  
        },
        onHide(){
            const pageUrl = getCurrentPages()
            this.globalData.URL = pageUrl[pageUrl.length - 1]['route']
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70]: /images/20230521/1282e4dfd9b44b48b24a919f3c03b61c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 Uniapp

1.uni.navigateBack之后通知上一个页面刷新 uni.navigateBack({ delta:1, success: functi

绝地灬酷狼/ 2023年10月04日 13:24/ 0 赞/ 58 阅读

相关微信小程序 getCurrentPages 使用及坑点

废话不多说，直接上微信API。 PageObject\[\] getCurrentPages() 获取当前页面栈。数组中第一个元素为首页，最后一个元素为当前页面。注意

╰半夏微凉°/ 2023年07月06日 13:12/ 0 赞/ 1 阅读

相关 uni-app getCurrentPages

（更新于- 2020.05.11：添加实际案例）官方文档： getCurrentPages( ) 用于获取当前页面栈的实例，以数组形式按照栈的顺序返回，第一个元素为首页

ゞ浴缸里的玫瑰/ 2023年05月21日 15:12/ 0 赞/ 15 阅读

相关微信小程序的getCurrentPages()的使用

getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。注意：不要尝试修改页面栈，会导致路由

傷城~/ 2022年11月12日 13:58/ 0 赞/ 155 阅读

相关 uniapp getCurrentPage()修改上一个页面信息

我这里是返回上一页的时候修改的 dataList是上一个页面data方法中的值，也就是要修改的值 h5中可以直接修改，app中要加上$vm onBackPre

我不是女神ヾ/ 2022年10月05日 14:50/ 0 赞/ 674 阅读

相关 uniapp

uni-app 使用 vue 的语法+小程序的标签和 API。开发规范 > 组件标签靠近小程序规范 > 接口能力（JS API）靠近微信小程序规范，但需将前缀 w

深碍√TFBOYSˉ_/ 2022年08月31日 06:59/ 0 赞/ 349 阅读

相关 mpvue - 报错'getCurrentPages' is not defined.

前言在mpvue中使用getCurrentPages()获取页面栈时 ESLint报错：‘getCurrentPages’ is not defined.

素颜马尾好姑娘i/ 2021年10月01日 02:42/ 0 赞/ 750 阅读

相关 uniapp

顶部导航 1: 外部100%， flex 2：scroll-view 部分 flex: 1 overflow： hidden 高度 padding 3: 右侧固定

野性酷女/ 2021年09月02日 04:45/ 0 赞/ 671 阅读

相关 uniapp实战——uniapp简介

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

客官°小女子只卖身不卖艺/ 2021年07月26日 00:52/ 0 赞/ 640 阅读

相关 uniapp - uniapp 的生命周期

uniapp 的生命周期应用生命周期页面生命周期 > 更多详细内容请查看 uniapp 官网： [https://uniapp.dcloud.io/fr

╰+哭是因爲堅強的太久メ/ 2021年07月25日 21:55/ 0 赞/ 704 阅读