vue组件重新加载的方法

Posted kaibindirver

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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()

参考: https://www.cnblogs.com/s313139232/p/9176820.html     (他有2种方法)

以上是关于vue组件重新加载的方法的主要内容,如果未能解决你的问题,请参考以下文章

组件重新加载后扩展的ag grid vue分组集列

Vue中重新渲染组件的方法总结

重新加载另一个 Vue 组件内部的 Vue 组件

vue路由自动加载、按组件异步载入vuex以及dll优化

从外部重新加载Vue组件

vue 子组件dialog如何每次打开的时候都重新create