vue組件重新加載（刷新）

第一種方法：利用v-if控制router-view，在根組件APP.vue中實現一個刷新方法

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

然後其它任何想刷新自己的路由頁面，都可以這樣：
this.reload()

這種方法可以實現任意組件的刷新。

第二種方法：路由替換

 // replace another route (with different component or a dead route) at first
// 先進入一個空路由
vm.$router.replace({
  path: ‘/_empty‘,
})
//then replace your route (with same component)
 

vm.$router.replace({
  path: ‘/student/report‘,
  query: {
    ‘paperId‘:paperId
  }
})

轉載自：https://blog.csdn.net/weixin_40054326/article/details/79384433

vue組件重新加載（刷新）