1. 程式人生 > >vue父組件獲取子組件的屬性或方法

vue父組件獲取子組件的屬性或方法

class col ont hang 提交按鈕 代碼 emp ref input

我遇到這樣一個情況:

父組件代碼片段:

1 <button @click="submit">提交</button>
2 <v-autoTextarea ref="autotext" placeholder="開始編輯..." class="content-input" fontSize="15px"  
3 lineHeight="1.5" :value="d_value" :onchange="onchange"></v-autoTextarea>

我現在想要點擊提交按鈕然後獲取 v-autoTextarea 子組件中的 data中的temp_value 屬性的值,

這裏要用到 vue的 ref,在父組件中的子組件加上ref,然後在submit方法中

1 submit ($event) {
2   alert(this.$refs.autotext.temp_value)
3 }

這樣就能拿到子組件中的 data中的 temp_value 的值了,

這個ref還可以調用子組件中的方法。

作為一個移動端開發剛剛開始接觸vue很多東西都不懂,這了只是做一個筆記。

vue父組件獲取子組件的屬性或方法