最近在研究如何寫一套基于Vue2.x的UI組件給自己用，提升一點BIG，在制作含有input的組件遇到一個問題：不知怎樣才能把子組件中input與調用者（父組件）的數據實現雙向綁定，想過使用Vuex，但觀摩了一下其他優秀的UI框架，發現使用Vuex會給其他使用者造成麻煩，于是決心找到尋求解決方法，在參考了幾篇大牛們文章后，終于找到。

在這將解決方案貼出，希望能幫助到和我一樣初次接觸Vue這個框架的同行們。

子組件的代碼邏輯

父組件代碼邏輯

在修改子組件的currentValue的時候其實通過$emit觸發input事件將值傳遞給調用者的v-model，從而實現雙向綁定。

上面是我整理給大家的，希望今后會對大家有幫助。

相關文章：

使用vue+element-ui+ajax這幾樣技術，實現一個表格的實例

vue注冊組件的幾種方式總結

Vue.js自定義事件的表單輸入組件方法

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com