uni-app中a标签下载文件跳转后左上角默认返回键无法继续返回

1.首先使用的是onBackPress

复制代码
//跟onShow同级别
onBackPress(option){
uni.switchTab({
url:`/pages/.......`
return true
})
}

发现其在uni默认头部中使用是可以的

但是h5使用了"navigationStyle":"custom"后手机默认的返回并不可以,

2.经过查询找到了另一个方法,去监听事件。这个方法可以

复制代码
methods:{
backFn(){
uni.switchTab({
url:`/pages/......`
})
}
onShow(){
//添加监听事件
window.addEventListener("popstate",this.backFn)
}
//离开销毁监听
onUnload(){
window.removeEventListener("popstate",this.backFn)
}
onHide(){
window.removeEventListener("popstate",this.backFn)
}
相关推荐
百思可瑞教育7 小时前
Vue.config.js中的Webpack配置、优化及多页面应用开发
前端·javascript·vue.js·webpack·uni-app·北京百思教育
百思可瑞教育17 小时前
Vue中使用keep-alive实现页面前进刷新、后退缓存的完整方案
前端·javascript·vue.js·缓存·uni-app·北京百思可瑞教育
风早爽太19 小时前
在uni-app中使用lottie-web来展示Lottie动画
uni-app
Autumn_yun20 小时前
uniapp 实现项目多语言切换
uni-app
懒大王95271 天前
uni-app + Vue3 + EZUIKit.js 播放视频流
开发语言·javascript·uni-app
懒大王95271 天前
uni-app + Vue3 开发展示 echarts 图表
前端·uni-app·echarts
百思可瑞教育1 天前
Vue 生命周期详解:从初始化到销毁的全过程剖析
前端·javascript·vue.js·前端框架·uni-app·北京百思可瑞教育·百思可瑞教育
jingling5551 天前
uniapp | 快速上手ThorUI组件
前端·笔记·前端框架·uni-app
百思可瑞教育1 天前
uni-app 根据用户不同身份显示不同的tabBar
vue.js·uni-app·北京百思可瑞教育·北京百思教育
Q_Q19632884752 天前
python+springboot+uniapp微信小程序题库系统 在线答题 题目分类 错题本管理 学习记录查询系统
spring boot·python·django·uni-app·node.js·php