重載頁面(最簡單方法,直接在入口文件APP.vue處處理)
全局引用,不需要針對個別頁面處理,簡化開發(fā)工作量
- 添加state
const state = {
isReload: false, // 是否需要重加載頁面組件
}
- 創(chuàng)建mutation方法
// 是否需要重載
[IS_RELOAD](state) {
state.isReload = !state.isReload;
}
- 在入口處設置激活組件
<router-view class='router-view' v-if="isRouterAlive"></router-view>
// 設置data數(shù)據(jù)
isRouterAlive: true
// watch監(jiān)聽isReload狀態(tài)
isReload(value) {
// 一旦發(fā)生變化則重載組件
this.isRouterAlive = false;
this.$nextTick(() => {
this.isRouterAlive = true;
})
}
- 通過改變isReload狀態(tài)來實現(xiàn)重載頁面
this.$store.commit('IS_RELOAD');