vue中實現重新整理當前頁面(親測有效)

2021-09-27 09:32:55 字數 392 閱讀 7321

vue專案中遇到對當前頁面進行資料操作時需要實時更新資料,頁面需要重新整理;

在jquery裡面可以使用location.reload()方法,重新整理頁面;

在vue中,使用this.$router.go(0)也能實現重新整理,但是會出現短暫空白,使用者體驗效果不好,

所以可以嘗試使用provide / inject 這對用例

這對選項需要一起使用,以允許乙個根元件向其所有子元件注入乙個依賴,實現原理就是通過控制router-view 的顯示與隱藏,來重渲染路由區域,重而達到頁面重新整理的效果,show -> false -> show

export default 

}

this.reload()

Vue 重新整理當前頁面

1.場景 在處理列表時,常常有刪除一條資料或者新增資料之後需要重新重新整理當前頁面的需求。2.遇到的問題 1.用vue router重新路由到當前頁面,頁面是不進行重新整理的 3.解決方法 provide inject 組合 作用 允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並...

實現VUE路由當前頁面重新整理

1.場景 在處理列表時,常常有刪除一條資料或者新增資料之後需要重新重新整理當前頁面的需求。2.遇到的問題 用vue router重新路由到當前頁面,頁面是不進行重新整理的 解決方法 3.provide inject 組合 作用 允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在起...

vue專案重新整理當前頁面

有時候我們在vue專案頁面做了一些操作,需要重新整理一下頁面。this.router.go 0 這種方法雖然 很少,只有一行,但是體驗很差。頁面會一瞬間的白屏,體驗不是很好 用vue router重新路由到當前頁面,頁面是不進行重新整理的。location.reload 這種也是一樣,畫面一閃,體驗...