美文网首页
【vue-router】刷新当前路由

【vue-router】刷新当前路由

作者: 辣子_ | 来源:发表于2021-09-15 17:12 被阅读0次

vue-router 直接push 当前router 会报错,用中间页面来跳转就可以
新建 refresh.vue,如下:

<!-- 空页面,负责中转到目标页面 -->
<template>
  <div></div>
</template>
 
<script>
export default {
  name: 'refresh',
  data () {
    return {
    }
  },
  beforeRouteEnter (to, from, next) {
    next(vm => {
      vm.$router.replace(from.path)
    })
  }
}
 
</script>
<style scoped>
</style>

在要刷新的页面中书写方式如下:

this.$router.push({
    path: 'refresh',    //refresh路由地址和当前要刷新路由地址同级即可
})

相关文章

网友评论

      本文标题:【vue-router】刷新当前路由

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