Vue 使用 reload 重新整理當前頁面

2021-09-29 09:27:05 字數 822 閱讀 8607

場景

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

解決問題

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

解決方法

provide / inject 組合

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

"isrouteralive"

/>

<

/el-main>

<

/el-container>

<

/template>

import vue from

'vue'

;import component from

'vue-class-component'

;export

default @component(;

},})

class

main

extends

vue);}

}

在使用reload的頁面:

import vue from

'vue'

;import component from

'vue-class-component'

;export

default @component()

class

child

extends

vue}

<

/script>

Vue 重新整理當前頁面

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

Vue重新整理當前路由

開發專案的時候突然接到了這個需求,實驗過後,解決方法也蠻多種,下面就講下常規的幾種方案 通過改變router view中的key值,來達到重新整理元件的目的 router view this.activedate new date 通過 nexttick 協助實現。先把 移除,移除後再重新新增,達到...

vue專案重新整理當前頁面

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