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)
}
相关推荐
2501_9159090614 小时前
iOS应用性能优化:十大策略提升用户体验与开发效率
android·ios·小程序·https·uni-app·iphone·webview
万能小林子20 小时前
如何将网页在线转APP?5种打包工具对比速成指南(含在线/手机/电脑方案)
android·ios·uni-app·web app·wap2app·app打包·app封装
雪芽蓝域zzs2 天前
uni-app原生editor封装编辑组件(vue3)
uni-app
felipeas3 天前
uni-app day1
uni-app·notepad++
前端后腿哥3 天前
UNIAPPX UTS插件Widget开发完整教程(Android版)
前端·uni-app
黄同学real4 天前
uni-app 真机调试:手动代理环境下访问内网 API 的解决方案
uni-app
Hoshizola4 天前
uniapp与蓝牙设备连接详细步骤
前端·uni-app
优雅格子衫4 天前
uniapp 拍照相册选取后超级好用的裁剪组件,增加水印完全自定义
开发语言·前端·javascript·uni-app·vue
路光.4 天前
uniapp中解决webview在app中调用,有过渡空白问题,增加过渡动效
uni-app·vue·app·uniapp
linlinlove24 天前
前端uniapp、后端thinkphp股票系统开发功能展示、代码披露、HQChart
前端·uni-app·echarts·thinkphp·hqchart·配资·deepseek选股票