Vue + Element 實現動態添加input


 此篇博客背景:項目開發技術為vue+element,需求為form表單中動態添加input表單,本element中有現成form動態添加案例,但ui小姐姐效果圖與ui庫有些微差別,固重新整理。廢話不多說啦,正式開始了: 

代碼地址:https://codepen.io/newgingkgo/pen/gObMMow  (備注:將代碼復制至vue項目即可查看效果)

 需求: ①新增檢查項中,當輸入模式為“二選一”時,需展示這兩行輸入框。

           ②輸入模式為“多選一”時,可以動態的新增、刪除每一行的輸入框;選擇“多選一”時,至少需要輸入三行,最多輸入六行。

           ③每一行前有字母“A、B、C…”,按字母排序。當有四行(A、B、C、D)時,用戶刪除“B”后,剩余三項自動變為“A、B、C”。

 

 

 


免責聲明!

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



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