利用v-if控制router-view,在路由容器组件,如APP.vue中实现一个刷新方法

<template>
  <router-view v-if="isRouterAlive"/>
</template>
<script>
export default {
 data () {
   return {
     isRouterAlive: true
   }
 },
//刷新路由
  provide(){
    return {
      reload:this.reload
    }
  },
 methods: {
   reload () {
     this.isRouterAlive = false
     this.$nextTick(() => (this.isRouterAlive = true))
   }   
 }
}
</script>

然后其它任何想刷新自己的路由页面,都可以这样:

this.reload()

 

Logo

前往低代码交流专区

更多推荐