1). location方式

location.reload()缺點：刷新頁面，卡白

2). router方式

this.$router.go(0) 缺點：同一問題，比一好點

3). provide/inject方式

App.vue <router-view v-if="isRouterAlive"></router-view><script>export default {name: 'App',// 提供reload方法provide: function () {return {reload: this.reload}},// isRouterAlive控制顯示data: function () {return {isRouterAlive: true}},methods: {// 刷新方法reload: function () {this.isRouterAlive = false;// 該方法會在dom更新后執行this.$nextTick(function () { this.isRouterAlive = true })}}} </script>home.vue<script>export default {name: 'home',// 注入reload, AppVue中注冊inject: ['reload'],methods: {// 退出登陸logout: function () {// 刷新// location.reload()// this.$router.go(0)// 刷新當前頁面this.reload();}}} </script>缺點：暫時比較不錯的解決方案，重點控制`router-view`

轉載于:https://www.cnblogs.com/yaotu/p/10273010.html

總結

以上是生活随笔為你收集整理的VUE页面刷新问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。