vue 子元件每次顯示的時候都執行初始化的辦法

2021-10-23 20:52:34 字數 572 閱讀 7165

問題:有個空間查詢的子元件,需要每次顯示的時候後初始化一下某些變數和hander等。

思路:1.父元件用v-if來控制子元件顯示銷毀;

2.子元件用created來呼叫初始化方法

直接上**

父元件:

空間查詢

// 空間查詢的子元件

import spatialquery from "../components/spatialquery3d/spatialquery3d";

export default ,

data()

},methods: ,

// 關閉元件(銷毀)

closespatialquery3d()

}

子元件:

空間查詢

// ……………………

export default ,

data()

},created(),

methods: ,

// 呼叫父元件方法關閉元件

close()

}

雙擊666

Vue 的父元件和子元件生命週期鉤子函式執行順序?

參考連線 vue 的父元件和子元件生命週期鉤子函式執行順序可以歸類為以下 4 部分 載入渲染過程 父beforecreate 父created 父beforemount 子beforecreate 子created 子beforemount 子mounted 父mounted 子元件更新過程 父be...

Vue 的父元件和子元件生命週期鉤子函式執行順序?

vue 的父元件和子元件生命週期鉤子函式執行順序可以歸類為以下 4 部分 1 載入渲染過程 父 beforecreate 父 created 父 beforemount 子 beforecreate 子 created 子 beforemount 子 mounted 父 mounted 2 子元件更...

vue 子元件與父元件的通訊

子元件調父元件的方法 在子元件中通過this.parent.event通過 emit觸發乙個事件,父元件監聽這個事件 通過prop傳入父元件的方法 父元件 home.vue 子元件 helloworld.vue 通過 this.parent.event 呼叫父元件的方法 通過 emit 觸發乙個事件...