vue 刷新頁面的三種方法

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

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

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

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

image.png

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

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

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

image.png

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

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

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容