需求描述
在vue搭建的項目中,有動態添加dom的需求,具體如圖:
點添加的時候就添一行,我剛開始的思路:
1.用jquery來實現dom添加,然后append,但是由於下拉框是element-ui組件里的,用jq直接寫的話,是添加不上的,因為需要有vue的解析器,此處解析不了。
2.用jquery的dom復制,$(dom).clone(true);寫完發現dom節點可以創建,但是沒有事件,可能也是因為由於vue解析器吧
解決方案
可能事jquery用多了,思路沒有轉換過來。查了好多資料,終於找到辦法
直接定義變量來循環行就好,至於每次添加的就通過更改變量值就好,畢竟vue的核心就是數據驅動
貼上代碼
至於v-modle的動態綁定,就直接綁數組就好,index代表每一項。