想必大家在刨坑vue的時(shí)候也遇到過下面情形：比如在刪除或者增加一條記錄的時(shí)候希望當(dāng)前頁(yè)面可以重新刷新或者如下面這種：

十年建站經(jīng)驗(yàn)， 網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站客戶的見證與正確選擇。創(chuàng)新互聯(lián)提供完善的營(yíng)銷型網(wǎng)頁(yè)建站明細(xì)報(bào)價(jià)表。后期開發(fā)更加便捷高效，我們致力于追求更美、更快、更規(guī)范。

如果希望點(diǎn)擊確定的時(shí)候，Dialog 對(duì)話框關(guān)閉的時(shí)候，當(dāng)前http://localhost:9530/#/supplier/supplierAll頁(yè)面可以重新刷新下

那么表格的數(shù)據(jù)可以重新加載，Dialog 對(duì)話框設(shè)置的數(shù)據(jù)可以在確定后刷新出現(xiàn)在頁(yè)面上

這時(shí)候我們最直接的思維就是想到下面這種：

但是，試過的會(huì)發(fā)現(xiàn)用vue-router重新路由到當(dāng)前頁(yè)面，頁(yè)面是不進(jìn)行刷新的，根本沒有任何作用~所以這個(gè)方法out！

下面我這邊整理幾種可圈可點(diǎn)的三種方式，大家可以自行的選擇：

1、最直接整個(gè)頁(yè)面重新刷新：

location. reload()
this.$router.go(0)

這兩種都可以刷新當(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)回來

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

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

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

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

isRouterAlive //true or false 來控制

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

總結(jié)

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

網(wǎng)站欄目：vue項(xiàng)目刷新當(dāng)前頁(yè)面的三種方法
標(biāo)題來源：http://jinyejixie.com/article24/jdogje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)