刷新当前路由

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
        }
上一篇 下一篇

猜你喜欢

热点阅读