專案中遇到乙個問題,使用第三方外掛程式的元件庫會導致自己封裝的元件庫無法通過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 的更新會向下流動到子元件中,但是反過來則不行。這樣會防止從子元件意外變更父級元件的狀態,從而導致你的應用的資料流向難以理解。我們可以這樣理解,當父級元件的資料發生改變的時候,子級元件接受的資料也會自動發生...