1***@qq.com
1***@qq.com
  • 发布:2020-05-26 10:49
  • 更新:2020-10-21 11:54
  • 阅读:2591

uni-app h5如何取消单个页面的后退按钮?

分类:uni-app

二维码扫进页面之后有一个后退按钮,请问如何取消

2020-05-26 10:49 负责人:无 分享
已邀请:
vishun

vishun

同遇到此问题,提供个方法,不直接跳转到相关页面,而是跳转到首页或者新建一个跳板页面,然后在onLoad中捕捉后通过reLaunch跳转后就没有了,下面示例加了参数可以跳转不同页面:

 onLoad(option) {  
      if (option.t != null) {  
        uni.reLaunch({  
          url: 'url?orderId='   option.t  
        })  
      }  
  }

但是上述方法有问题:再次刷新时还是会显示,或者直接页面链接分享什么的同样会失效。
更好的方法就是用vuex来记录是否时第一此访问,类似(signFirst 是store存储的值):

let showId = option.showId;  
      if (this.signFirst === '0') {  
        //如果是第一次访问,设置reLanch,将后退按钮屏蔽掉  
        uni.reLaunch({  
          url: 'url?showId='   showId,  
        });  
        //标记为非第一次  
        this.$store.commit("SET_SIGN_FIRST", '1');  
      } else {  
        //如果非第一次,再将标记为第一次,使刷新时还时可以继续走上述流程  
        this.$store.commit("SET_SIGN_FIRST", '0');  
      }

又搜索了下,网上有更简单的方法:

mounted(){  
      //#ifdef H5  
      document.querySelector('.uni-page-head-hd').style.display = 'none'  
      //#endif  
},
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

自定义个导航栏,不用原生的撒

SeeMyEyes

SeeMyEyes - 程序员

uni.redirectTo(OBJECT)
关闭当前页面,跳转到应用内的某个页面。

该问题目前已经被锁定, 无法添加新回复