二维码扫进页面之后有一个后退按钮,请问如何取消
1***@qq.com
- 发布:2020-05-26 10:49
- 更新:2020-10-21 11:54
- 阅读:2820
uni-app h5如何取消单个页面的后退按钮?
分类:uni-app
同遇到此问题,提供个方法,不直接跳转到相关页面,而是跳转到首页或者新建一个跳板页面,然后在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
},