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

2021-09-27 11:36:47 字數 364 閱讀 7446

1.場景

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

2.遇到的問題

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

解決方法

3.provide / inject 組合

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

// 定義isrouteralive

4.provide / inject 用法

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

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

Vue 重新整理當前頁面

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

重新整理當前頁面不跳路由

isrouteralive router view 其次在 data 裡面新增 isrouetralive,這個屬性名可以自定義,預設設定為 true,如果為 false 整個頁面就不會顯示了 然後在 methods 裡面新增乙個重新整理方法 最後需要把這個函式 provide 出去 export ...

vue專案重新整理當前頁面

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