vue 刷新頁面的三種方法

1、location. reload() / this.$router.go(0)

相當于按ctrl+F5 強制刷新那種,整個頁面重新加載,會出現一個瞬間的空白頁面,體驗不好

2、先跳到空白頁面,再跳回原頁面

(1)新建一個空白頁面 reload.vue:

image.png

(2)需要刷新的頁面,先跳轉到reload.vue,再跳轉回原頁面,從而實現刷新(路徑上帶param的不能用):

image.png
3、provide/inject組合(最優(yōu))

(1)App.vue添加provide,和data一樣,返回一個對象:

image.png

(2)需要刷新的頁面內注入inject依賴:

image.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 需求 新建和編輯都在同一個頁面,當新建完成之后,彈出提示并刷新頁面,獲取后臺的數據并在頁面回顯,當再次點擊保存時,...
    lesdom閱讀 3,448評論 1 1
  • 1、vue+axios 實現進度條 2、js更改css屬性 3、監(jiān)聽對象中的某一屬性 4、vue-router (...
    吃橙子的倉鼠閱讀 7,032評論 0 7
  • 為什么會有這篇文章1 用vue-router 重新路由的時候到當前頁面的時候是不進行刷新的2 采用window.r...
    淚滴在琴上閱讀 4,072評論 0 5
  • 問題描述 今天在做畢業(yè)設計時候遇到一個問題, 當在搜索框重復搜索時,下面顯示的搜索結果必須要手動刷新后才可以更新,...
    SQUA2E閱讀 749評論 0 0
  • 想必大家在刨坑vue的時候也遇到過下面情形:比如在刪除或者增加一條記錄的時候希望當前頁面可以重新刷新或者如下面這種...
    追尋1989閱讀 582評論 0 0

友情鏈接更多精彩內容