App.vue
<template>
<div id="app">
<router-view v-if="isRouterAlive" />
</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>
在页面就可以直接引用进行刷新页面
<template></template>
<script>
export default{
inject:['reload'],
methods:{
refresh(){
this.reload()
}
}
}
</script>