近期开发H5遇到在刷新浏览器时,左上方返回按钮没有用了,是因为刷新游览器导致页面栈消失了,经过百度和交流群咨询得到了解决方案,记录一下。
1.pages.json(需要自定义顶部导航栏)
{
"path": "pages/index/index",
"style": {
"navigationStyle": "custom"
}
}
2.创建导航栏组件(我的项目引入了uview-ui,直接进入u-navbar位置去修改)
/*主要是以下这几行代码,自定义组件左侧返回按钮事件*/
// 点击左侧区域
leftClick() {
//if (this.autoBack) {
//获取页面栈的长度
const canNavBack = getCurrentPages()
//判断是否刷新了浏览器,刷新了浏览器,页面栈只有当前一个
if (canNavBack && canNavBack.length > 1) {
uni.navigateBack({
delta: 1
})
} else {
history.back()
}
// }
}