Vue 重新整理當前頁面

2021-09-14 00:52:50 字數 1181 閱讀 1596

1.場景

在處理列表時,常常有刪除一條資料或者新增資料之後需要重新重新整理當前頁面的需求。

2.遇到的問題

1. 用vue-router重新路由到當前頁面,頁面是不進行重新整理的

3.解決方法

provide / inject 組合

作用:允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在起上下游關係成立的時間裡始終生效。

宣告reload方法,控制router-view的顯示或隱藏,從而控制頁面的再次載入

4.provide / inject 用法

provide:選項應該是乙個物件或返回乙個物件的函式。該物件包含可注入其子孫的屬性。

inject:乙個字串陣列,或乙個物件,物件的 key 是本地的繫結名

****************************************==

深入理解資料驅動

以上算是開發過程中的乙個坑,用了一段時間,今天再讀**的時候,感覺被坑的很嚴重。

1. 獲取列表方法

2.重新獲取資料

3.這樣再次呼叫獲取資料,即可同步實現頁面資料更新(不會重新重新整理頁面),同時保證有分頁時,能夠停留在當前頁(重新整理前如果是第二頁,重新整理後依然在第二頁),

即其他查詢條件保持不變,體驗效果好

vue專案重新整理當前頁面

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

vue專案重新整理當前頁面

原理 允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在起上下游關係成立的時間裡始終生效 export default provide return reload this.reload data function return isrouteralive true method...

vue專案重新整理當前頁面

在處理列表時,常常有刪除一條資料或者新增資料之後需要重新重新整理當前頁面的需求。1.用vue router重新路由到當前頁面,頁面是不進行重新整理的 作用 允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在起上下游關係成立的時間裡始終生效。宣告reload方法,控制router ...