父元件如何呼叫子元件中的方法和屬性

2021-08-16 17:59:25 字數 537 閱讀 2629

利用ref屬性可以獲取到dom元素或者是子元件,從而可以呼叫子元件的方法(注意2.0版本用ref取代了el)

1、當ref直接定義在dom元素上時,則通過this.$refs.name可以獲取到dom對dom進行原生的操作

1

<div

通過this.$refs獲取到dom進行操作(注意ref屬性的命名不能用駝峰,同時獲取的時候也是)

1

2、通過在引用的子元件上使用ref屬性實現父元件呼叫子元件的方法以及屬性

在父元件中引用子元件並定義ref

1

<v-foodref="selectfood">

呼叫定義在子元件中的方法show

1

this.$refs.selectfood.show();//同時也可以呼叫子元件中的屬性

宣告下上面說的是vue 2.0的

uni app 子元件如何呼叫父元件的方法

1.在父元件methods中定義乙個方法 changetype function type 2.在父元件引用子元件時繫結該方法 cate top catelist catelist v on pchangetype changetype cate top 3.在子元件中繫結點選事件 template...

父元件呼叫子元件的方法

父元件呼叫子元件的方法,具體邏輯子元件處理!子元件 父元件 按鈕 效果 父元件呼叫子元件的方法,具體邏輯子元件處理!處理完後把結果告訴父元件 父元件 template div class confirm fieldset legend confirm元件 legend button v on cli...

父元件呼叫子元件的方法

父元件呼叫子元件的方法,具體邏輯子元件處理!子元件 父元件 按鈕 效果 父元件呼叫子元件的方法,具體邏輯子元件處理!處理完後把結果告訴父元件 父元件 template div class confirm fieldset legend confirm元件 legend button v on cli...