1. 程式人生 > >vue 刷新

vue 刷新

true pro app bubuko 問題 管理後臺 出現 後臺 val

1.使用場景

  管理後臺在添加刪除等操作數據時,需要重新加載頁面來達到同步更新的需求。

2.問題出現場景

由於項目中使用了elementU,用到了select的multiple多選屬性,同時又引入了地圖,在添加完數據時,出現了一些問題,比如需要添加數據成功的同時清空定位等,同時select的多選屬性造成了value.push的問題,幾種方案比較之下,刷新可以同時解決以上兩個問題。js刷新問題,用戶體驗不是很好,會有閃爍,整個瀏覽器進行了重載。

3.解決方案

網上查閱發現vue官網api,provideinject 主要為高階插件/組件庫提供用例。並不推薦直接用於應用程序代碼中。

4.使用方法

App.vue中

技術分享圖片

技術分享圖片

聲明一個reload方法,通過控制isRouterAlice屬性true or false 來控制router-view的顯示或隱藏,從而控制頁面的再次加載

5.在需要當前頁面刷新的頁面中註入App.vue組件提供(provide)的 reload 依賴,然後直接用this.reload來調用就行

技術分享圖片

技術分享圖片

vue 刷新