vue功能實現(xiàn)一:重載頁面

全部的,請看http://www.itdecent.cn/p/93281f5c2b38

重載頁面(最簡單方法,直接在入口文件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');
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容