vue重新整理當前頁面有挺多種方法，比如window.location.reload()
或者this.$router.go(0)
但是這兩種方法是會出現一瞬間的白屏，體驗不好，所以這裡給大家推薦第三種比較好用的重新整理頁面的方法
加上v-if屬性
if="isrouteralive">
在data裡面加上isrouteralive,當然這個屬性名可以自己定義，預設值為true
data ()
}methods裡面加入乙個重新整理的方法
methods: )
}}最後，需要把這個函式 provide 出去
provide ()
}那麼當我們需要重新整理的時候，在需要的頁面上加上這個函式就可以了
首先注入這個函式
inject: ['reload']
然後在需要用到這個函式的地方去引用就行了
refresh ()
這樣子就可以重新整理頁面了，而且不會出現白屏的情況，比前面兩種方法好用，推薦大家使用。
附帶上完整**
position: relative;
} @media only screen and (min-width: 1200px)
}
Vue 重新整理當前頁面
1.場景 在處理列表時，常常有刪除一條資料或者新增資料之後需要重新重新整理當前頁面的需求。2.遇到的問題 1.用vue router重新路由到當前頁面，頁面是不進行重新整理的 3.解決方法 provide inject 組合 作用 允許乙個祖先元件向其所有子孫後代注入乙個依賴，不論元件層次有多深，並...
vue專案重新整理當前頁面
有時候我們在vue專案頁面做了一些操作，需要重新整理一下頁面。this.router.go 0 這種方法雖然 很少，只有一行，但是體驗很差。頁面會一瞬間的白屏，體驗不是很好 用vue router重新路由到當前頁面，頁面是不進行重新整理的。location.reload 這種也是一樣，畫面一閃，體驗...
vue專案重新整理當前頁面
原理 允許乙個祖先元件向其所有子孫後代注入乙個依賴，不論元件層次有多深，並在起上下游關係成立的時間裡始終生效 export default provide return reload this.reload data function return isrouteralive true method...