动态添加element-ui组件

需求描述

在vue搭建的项目中,有动态添加dom的需求,具体如图:
1147630-20180613093258713-1749944189.png
点添加的时候就添一行,我刚开始的思路:
1.用jquery来实现dom添加,然后append,但是由于下拉框是element-ui组件里的,用jq直接写的话,是添加不上的,因为需要有vue的解析器,此处解析不了。
2.用jquery的dom复制,$(dom).clone(true);写完发现dom节点可以创建,但是没有事件,可能也是因为由于vue解析器吧

解决方案

可能事jquery用多了,思路没有转换过来。查了好多资料,终于找到办法
直接定义变量来循环行就好,至于每次添加的就通过更改变量值就好,毕竟vue的核心就是数据驱动
贴上代码
1147630-20180613094307896-246594882.png

至于v-modle的动态绑定,就直接绑数组就好,index代表每一项。

转载于:https://www.cnblogs.com/llff123/p/9178091.html

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值