参考 : vue项目刷新当前页面的三种方法_Linux小百科的博客-CSDN博客_vue刷新页面
1.[src/App.vue]修改
<template>
<div id="app">
<router-view v-if="isRouterAlive" />
</div>
</template>
<script>
export default {
name: 'App',
provide(){
return{
reload: this.reload
}
},
data(){
return{
isRouterAlive:true
}
},
methods:{
reload(){
this.isRouterAlive = false
this.$nextTick(function(){
this.isRouterAlive = true
})
}
}
}
</script>
2.引入
<template>
</template>
<script>
export default {
inject:['reload'],
name:"test",
data(){
return{
}
},
methods:{
refresh(){
this.reload()
}
}
}
</script>
声明 inject:['reload'] 即可使用 this.reload() 刷新