這兩種都可以刷新當(dāng)前頁(yè)面的，缺點(diǎn)就是相當(dāng)于按ctrl+F5 強(qiáng)制刷新那種，整個(gè)頁(yè)面重新加載，會(huì)出現(xiàn)一個(gè)瞬間的空白頁(yè)面，體驗(yàn)不好

2、新建一個(gè)空白頁(yè)面supplierAllBack.vue，點(diǎn)擊確定的時(shí)候先跳轉(zhuǎn)到這個(gè)空白頁(yè)，然后再立馬跳轉(zhuǎn)回來(lái)

空白頁(yè)supplierAllBack.vue里面的內(nèi)容：

這個(gè)方式，相比第一種不會(huì)出現(xiàn)一瞬間的空白頁(yè)，只是地址欄有個(gè)快速的切換的過(guò)程，可采用

3、provide / inject 組合 方式是我試過(guò)最實(shí)用的，下面用項(xiàng)目截圖給大家說(shuō)明下：首先，要修改下你的app.vue

通過(guò)聲明reload方法，控制router-view的顯示或隱藏，從而控制頁(yè)面的再次加載，這邊定義了

isRouterAlive //true or false 來(lái)控制

然后在需要當(dāng)前頁(yè)面刷新的頁(yè)面中注入App.vue組件提供（provide）的 reload 依賴，然后直接用this.reload來(lái)調(diào)用就行

總結(jié)

以上所述是小編給大家介紹的vue項(xiàng)目刷新當(dāng)前頁(yè)面的三種方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号：51dongshi（抖音搜索懂视），直接咨询即可。