我们要用到provide 和 inject ,这个不懂的人可以去搜一些。
在app.vue中
<div id="app">
<router-view v-if="isRouterAlive" />
</div>
export default {
provide(){
return{
reload:this.reload
}
},
data() {
return {
isRouterAlive:true
}
},
methods:{
reload(){
this.isRouterAlive=false
this.$nextTick(()=>{
this.isRouterAlive=true
})
}
}
};
在需要刷新的页面使用
export default {
inject:['reload'],
}
methods:{
//调用这个方法就可以完美刷新了·
refresh(){
this.reload()
}