vue 實現當前頁的重新整理

2021-09-26 20:18:41 字數 556 閱讀 7995

在做專案時, 想要登入成功後直接重新整理當前頁面,於是找了幾個方法,在這裡記錄一下,以免忘記。

this.$router.go(0) 

// 在重新整理時,頁面會有一瞬間的白屏,使用者體驗極差。。

location.reload()

// 這個也是一樣

最終採用了 vue 裡的 provide/inject 方法,先介紹一下這個方法:

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

provide: 為乙個 物件 或 函式,

inject: 為乙個 字串陣列 或 物件。

export default

},provide ()

},methods: )}}}

接下來只需要在 需要重新整理的頁面注入 provide 提供的 reload 依賴即可,

// 我的是在login.vue 裡:

export default

}}

ext GridPanel重新整理當前頁

gridpanel中分頁數很多,在當前頁中重新整理又會回到第一頁,每次這樣總是很麻煩。怎麼才能只重新整理當前頁呢?苦苦在原始碼中找尋,經測試,終於找到了一種方法。如bbar是ext.paging 物件,在要重新整理資料來源的事件中不要用store.load 用bbar.doload bbar.cur...

Vue 重新整理當前頁面

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

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

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