美文网首页
刷新当前路由

刷新当前路由

作者: 苍老师的眼泪 | 来源:发表于2022-03-15 19:36 被阅读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
        }

相关文章

网友评论

      本文标题:刷新当前路由

      本文链接:https://www.haomeiwen.com/subject/uxwydrtx.html