vue的孫元件獲取祖元件資料的方法

2021-10-04 08:17:30 字數 697 閱讀 6437

專案中遇到乙個問題,使用第三方外掛程式的元件庫會導致自己封裝的元件庫無法通過this.$parent.data獲取父元件的資料(嚴格意義上講這個父元件應該是祖級元件)

在無意嘗試中發現使用在孫元件裡使用this.$parent.$parent.data即可獲取到祖級資料。

'detail'

>

<

!-- 第三方框架封裝的元件 --

>

"showdialog"

:show=

"false" @click-overlay=

"overpopup"

>

<

/locationmodule>

<

!-- 自己封裝的元件 --

>

<

/van-popup>

<

/div>

<

/template>

//在locationmodule元件中

//如果使用this.$praent.data獲取到的資料是第三方框架封裝的元件資料,並不是#detail的資料

//此時使用

this

.$parent.$parent.data//即可獲取到#detail的資料

Vue父元件獲取子元件資料

方法 一 從父元件呼叫子元件方法獲取資料 1 子元件addindex.vue寫乙個方法,返回要用的資料 methods 2 在父組aindex.vue件中獲取值 import procedureedit from pages procedure add addindex methods 方法 二 子...

vue元件通訊之父元件主動獲取子元件資料和方法

ref 可以用來獲取到dom節點,如果在元件中應用,也可以用來獲取子元件的資料和方法。比如,我定義了乙個home元件,乙個head元件,home元件中引用head元件。此時,home元件是head元件的父級,我想在home 父元件 元件中,獲取head 子元件 元件中定義的資料和方法 ref hea...

Vue 中子元件訪問父元件資料

官方解釋 所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中,但是反過來則不行。這樣會防止從子元件意外變更父級元件的狀態,從而導致你的應用的資料流向難以理解。我們可以這樣理解,當父級元件的資料發生改變的時候,子級元件接受的資料也會自動發生...