溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下vue.js刷新頁面的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
vue.js刷新頁面的方法：1、直接整個頁面重新刷新，代碼為【location. reload()】；2、新建一個空白頁面【supplierAllBack.vue】，點擊確定的時候跳轉到這個空白頁，再立馬跳轉回來。
vue.js刷新頁面的方法：
1、最直接整個頁面重新刷新：
location. reload() this.$router.go(0)
這兩種都可以刷新當前頁面的，缺點就是相當于按ctrl+F5 強制刷新那種，整個頁面重新加載，會出現一個瞬間的空白頁面，體驗不好
2、新建一個空白頁面supplierAllBack.vue，點擊確定的時候先跳轉到這個空白頁，然后再立馬跳轉回來
空白頁supplierAllBack.vue里面的內容：
這個方式，相比第一種不會出現一瞬間的空白頁，只是地址欄有個快速的切換的過程，可采用
3、provide / inject 組合 方式是我試過最實用的，下面用項目截圖給大家說明下：首先，要修改下你的app.vue
通過聲明reload方法，控制router-view的顯示或隱藏，從而控制頁面的再次加載，這邊定義了
isRouterAlive //true or false 來控制
然后在需要當前頁面刷新的頁面中注入App.vue組件提供（provide）的 reload 依賴，然后直接用this.reload來調用就行
以上是“vue.js刷新頁面的方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
