vue项目实现路由刷新

vue项目实现路由刷新

一般用于这样的需求，当用户新增信息之后刷新用户列表等，当某个事件操作之后进行刷新功能。

第一步再APP文件添加以下代码

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

第二步就是其他组件需要用到刷新功能，直接在对应位置写以下代码就可以使用了

export default {
    inject:['reload'],
    methods: {
        // 提交
        hanldeSubmit() {
           this.reload()   
        },
};
</script>