vue父組件獲取子組件的屬性或方法
阿新 • • 發佈:2017-05-24
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父組件獲取子組件的屬性或方法