在App.vue中修改:
1.<router-view>标签中添加判断条件v-if="isRouterAlive"
<router-view v-if="isRouterAlive"></router-view>
2.data()函数中添加isRouterAlive: true
data() {
return {
isRouterAlive: true
}
}
3.在method中添加reload方法
methods: {
// 刷新方法
reload: function () {
this.isRouterAlive = false;
// 该方法会在dom更新后执行
this.$nextTick(function () {
this.isRouterAlive = true
})
}
},
4.provide中添加return
return {
reload: this.reload
}
在你要刷新的页面下:
1.添加inject: ['reload'],
2.在执行方法上调用this.reload()
即可重新刷新页面