2018-04-04(Vue父元件獲取子元件的值)
問題:
想在父元件中獲取子元件PayType中的值
解決:
用$refs(使用子元件時新增ref='xxxx',想用值時呼叫this.$refs.xxxx即可得到整個子元件,資料也就能拿到了)
程式碼示例(父元件):
// html
<PayType :payData="modalOptions" ref="payInfo"></PayType>
// script
console.log(this.$refs.payInfo);
相關文章
- vue子元件向父元件傳遞值Vue元件
- Vue子元件接收父元件傳值方式Vue元件
- 【VUE入門】父元件給子元件傳值Vue元件
- VUE 父元件動態傳值給子元件Vue元件
- vue子元件向父元件傳值(實戰)Vue元件
- vue子元件怎麼向父元件傳值Vue元件
- 子元件獲取父元件的值,將這個值作為狀態值儲存元件
- vue元件巢狀之 - 父元件向子元件傳值Vue元件巢狀
- 父元件向子元件傳值元件
- vue 父元件props傳值子元件時 的更新問題Vue元件
- vue 基礎入門筆記 13:父元件向子元件傳值、父元件向子元件傳遞方法Vue筆記元件
- vue:子元件從後臺獲取資料期間,父元件被遮罩覆蓋Vue元件遮罩
- vue 子元件為何不可以修改父元件傳遞的值?Vue元件
- vue子元件怎麼呼叫父元件的方法Vue元件
- vue3 父元件【屬性】傳值給子元件【props】接收Vue元件
- vue 父元件在created中傳值給子元件,子元件去監聽props變化Vue元件
- Vue 子元件呼叫父元件方法總結Vue元件
- vue父元件中修改子元件樣式Vue元件
- 如何實現子元件向父元件傳值元件
- 筆記1:vue 利用props 父到子元件傳值(初識元件)筆記Vue元件
- Vue子元件與父元件之間的通訊Vue元件
- 元件中 子給父傳值元件
- Vee-validate 父元件獲取子元件表單校驗結果元件
- vue2.0子元件修改父元件資料Vue元件
- Vue.js子元件向父元件通訊Vue.js元件
- 2.Vue子元件給父元件通訊Vue元件
- React-hooks 父元件透過ref獲取子元件資料和方法ReactHook元件
- vue裡面父元件如何修改子元件樣式Vue元件
- Vue(13)子元件與父元件超詳細解析Vue元件
- Angular元件——父元件呼叫子元件方法Angular元件
- 用簡單的程式碼描述Angular父元件、子元件傳值Angular元件
- 元件(子傳父)元件
- Vue 子元件和父元件傳遞資料與方法的例子Vue元件
- 子元件向父元件傳參元件
- Vue 子元件不重新整理,父元件資料改變子元件不變化Vue元件
- 我的 vue 學習記錄2: 子元件呼叫父元件的方法Vue元件
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- vue父元件和子元件的生命週期到底誰先執行?Vue元件