uni-app里面使用uni.navigateBack时，刷新页面会造成无法返回上一级页面

最新推荐文章于 2024-03-21 10:23:10 发布

原创最新推荐文章于 2024-03-21 10:23:10 发布 · 7.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

本文介绍了一个在uni-app中针对H5环境的返回上一页方法，通过判断当前页面栈长度决定使用uni.navigateBack还是vue-router进行页面回退，并在无法回退时重新定向到首页。

写一个方法在methods里面：
back() {
// #ifdef H5
const pages = getCurrentPages()
if (pages.length > 1) {
uni.navigateBack(1)
return;
}
//使用vue-router返回上一级
let a = this.$router.go(-1)
if (a == undefined) {
//重新定向跳转页面
uni.reLaunch({
url: “/pages/tabbar/index”
})
}
return;
// #endif
uni.navigateBack(1)
}
在需要的返回得地方调用这个方法
源地址：https://ask.dcloud.net.cn/question/67593