uni-app getCurrentPages

(更新 于- 2020.05.11:添加实际案例)

官方文档:

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

tips:

getCurrentPages() 仅用于展示页面栈的情况,请勿修改页面栈,否则会造成页面状态错误。

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

 补充:

在实际项目中,此方法几乎每个项目都会用到:

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

(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']
    }
}

 

  • 8
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值