vue實現子頁面重新整理

2021-10-06 17:09:47 字數 675 閱讀 2158

使用this.$router.go(0)方法重新整理頁面會造成全頁面重新整理,有的需求並不建議使用路由重新整理。

首先**需求:

選擇使用 provide / inject方法實現:

全域性頁面中

"isreloaddata"

>

>

<

/keep-alive>

data()

}//暴露父頁面的方法

provide()

;},

methods:);

}}

子頁面(帶有重新整理按鈕的頁面)

="btn-fullscreen" @click=

"refresh"

>

"dark" content=

"重新整理" placement=

"bottom"

>

="el-icon-refresh-left"

>

<

/i>

<

/el-tooltip>

<

/div>

export

default

}}這樣就實現了區域性子元件重新整理了。

Vue專案實現頁面重新整理

前言 最近在做前端專案的時候,需要對頁面進行重新整理,在當時這個問題對於自己來說還算是比較難的,後來經過了一系列的研究之後,終於解決了這個問題,今天來記錄一下!經過 provice和inject結合的方法,解決頁面重新整理有很多的方法,相比之下,這種方法的體驗更加的好,所以就只介紹這一種方案。isr...

頁面重新整理 重新整理vue頁面,解決資料丟失

解決方法一 最先想到的應該就是利用localstorage sessionstorage將資料儲存在外部,做乙個持久化儲存,下面是利用localstorage儲存的具體方案 方案一 由於state中的資料是響應式的,而資料又是通過mutation來進行修改,故在通過mutation修改state中資...

vue 頁面重新整理 provide inject

html 部分 原本 修改之後 isrouteralive js 部分 export default data watch created methods computed 其他頁面使用方法 export default watch created computed 在哪個方法呼叫就在 寫 this...