在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()
即可重新刷新頁面