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


我遇到這樣一個情況:

父組件代碼片段:

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很多東西都不懂,這了只是做一個筆記。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM