動態添加element-ui組件


需求描述

在vue搭建的項目中,有動態添加dom的需求,具體如圖:

點添加的時候就添一行,我剛開始的思路:
1.用jquery來實現dom添加,然后append,但是由於下拉框是element-ui組件里的,用jq直接寫的話,是添加不上的,因為需要有vue的解析器,此處解析不了。
2.用jquery的dom復制,$(dom).clone(true);寫完發現dom節點可以創建,但是沒有事件,可能也是因為由於vue解析器吧

解決方案

可能事jquery用多了,思路沒有轉換過來。查了好多資料,終於找到辦法
直接定義變量來循環行就好,至於每次添加的就通過更改變量值就好,畢竟vue的核心就是數據驅動
貼上代碼

至於v-modle的動態綁定,就直接綁數組就好,index代表每一項。


免責聲明!

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



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