刷新当前路由
2022-03-15 本文已影响0人
苍老师的眼泪
有时候我们点击菜单时想要刷新该菜单的页面内容,这个时候直接导航到当前页面本身会报错,
我们可以在导航前检查是否导航到当前页面本身,如果是的话,就导航到一个空白页面,
在空白页面立马重定向到刚刚的页面:
空白页面:
<template>
</template>
<script>
export default {
beforeRouteEnter: (to, from, next) => {
next(vm => {
vm.$router.replace({
path: to.params.real_route,
})
})
},
}
</script>
发起导航的菜单逻辑:
// 目标路由等于当前路由时,刷新当前路由页面内容
if (this.parent_dir + route == this.$route.path) {
this.$router.push({name: 'empty', params: {
real_route: this.parent_dir + route
}})
return
}