這篇文章給大家分享的是有關(guān)vue項(xiàng)目實(shí)現(xiàn)刷新當(dāng)前頁面的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比甘泉網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式甘泉網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋甘泉地區(qū)。費(fèi)用合理售后完善，10年實(shí)體公司更值得信賴。

1.場景

在處理列表時，常常有刪除一條數(shù)據(jù)或者新增數(shù)據(jù)之后需要重新刷新當(dāng)前頁面的需求。

2.遇到的問題

1. 用vue-router重新路由到當(dāng)前頁面，頁面是不進(jìn)行刷新的

2.采用window.reload()，或者router.go(0)刷新時，整個瀏覽器進(jìn)行了重新加載，閃爍，體驗(yàn)不好

3.解決方法

provide / inject組合

作用：允許一個祖先組件向其所有子孫后代注入一個依賴，不論組件層次有多深，并在起上下游關(guān)系成立的時間里始終生效。

App.vue:

聲明reload方法，控制router-view的顯示或隱藏，從而控制頁面的再次加載

tableList.vue:

在頁面注入App.vue組件提供（provide）的 reload 依賴，在邏輯完成之后（刪除或添加...）,直接this.reload()調(diào)用，即可刷新當(dāng)前頁面。

4.provide / inject 用法

provide：選項(xiàng)應(yīng)該是一個對象或返回一個對象的函數(shù)。該對象包含可注入其子孫的屬性。

inject：一個字符串?dāng)?shù)組，或一個對象，對象的 key 是本地的綁定名

提示：provide和inject綁定并不是可響應(yīng)的。這是刻意為之的。如果你傳入了一個可監(jiān)聽的對象，那么其對象的屬性還是可響應(yīng)的。

感謝各位的閱讀！關(guān)于“vue項(xiàng)目實(shí)現(xiàn)刷新當(dāng)前頁面的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

當(dāng)前文章：vue項(xiàng)目實(shí)現(xiàn)刷新當(dāng)前頁面的方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://weahome.cn/article/pcgjs.html