uniapp点击返回按钮,根据页面栈判断页面路径,确定返回哪个页面

Posted 铁锤妹妹@

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp点击返回按钮,根据页面栈判断页面路径,确定返回哪个页面相关的知识,希望对你有一定的参考价值。

项目中使用uniapp开发微信小程序,很多时候不使用自带的头部导航栏,而是自己编写导航栏。

  • getCurrentPages()函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出
  • pages[pages.length - 2]是上一页,-1是当前页

实例展示

  <u-navbar title="测试" :custom-back="customBack"></u-navbar>
 methods: 
    customBack() 
      let routes = getCurrentPages()
      let lastPage = routes[routes.length - 2].route // 页面栈中的最后一个项为当前页面,route属性为页面路径
      console.log(lastPage, 'routes')
      if (lastPage === 'pagesMine/pages/equityCard/myCard') 
        uni.navigateBack()
       else 
        uni.navigateBack(
          delta: 2,
        )
      
    
  ,

以上是关于uniapp点击返回按钮,根据页面栈判断页面路径,确定返回哪个页面的主要内容,如果未能解决你的问题,请参考以下文章

uniapp web-view组件的页面如何直接关闭当前页面

ColorUI-UniApp 导航栏返回上一页按钮设置自定义的页面

IOS 自带的返回按钮,点击后js代码不执行

uniapp使用navigateBack方法返回上级页面并刷新

uniapp返回上一页并传递参数

APP 里 关闭 uni-app