美文网首页
uniapp 获取当前页面路径

uniapp 获取当前页面路径

作者: jing_bao | 来源:发表于2021-09-01 14:49 被阅读0次

    uniapp获取当前页面路径
    方式一:

    var pages = getCurrentPages() // 获取栈实例
    let currentRoute  = pages[pages.length-1].route; // 获取当前页面路由
    let currentPage = pages[pages.length-1]['$page']['fullPath'] //当前页面路径(带参数)
    

    方式二:
    用官方已经挂在的$mp变量获取

    let currentRoute  = this.$mp.page.route; // 获取当前页面路由
    

    getCurrentPages实例使用

    var pages = getCurrentPages() // 获取栈实例
    pages是一个数组对象,每个对象里面其实就是已经打开的页面的对象,可以根据pages.length查看跳转级数
    应用场景(返回固定页面):
    如果A为根页面,直接使用

    uni.reLaunch({
        url:'页面路径'
    });
    

    其中A页面不是根页面
    如图

    屏幕快照 2021-08-31 下午3.16.06.png

    若从A页面-->B页面-->D页面,从D返回A,只需delta为 2,即

    uni.navigateBack({
        delta: 2
    })
    

    若从A页面-->C页面-->F页面-->G页面-->D页面,从D返回A,需要设置delta: 4,即

    uni.navigateBack({
        delta: 4
    })
    

    使用var pages = getCurrentPages() // 获取所有打开页面,
    若A为第三级页面(即从根页面到A页面跳转两次),计算返回级数

    var pages = getCurrentPages()
    let backNum = pages.length - 3  //其中3为页面A所在层数
    uni.navigateBack({
        delta: backNum
    })
    

    相关文章

      网友评论

          本文标题:uniapp 获取当前页面路径

          本文链接:https://www.haomeiwen.com/subject/wcsziltx.html