vue点击添加一行输入框_vue 实现动态表单（点击按钮增删一排输入框）

对于动态增减表单项，Element UI 官方文档表单那一节已经介绍得很清楚了，但是没有新增按钮和删除并列情况，这里针对点击按钮增删一排输入框的问题做一个总结。

先上效果

微信图片_20200927102654.png

class="binding-item"

v-for="(item, index) in batchForm"

:key="index"

>

label="设备编号："

label-width="90px"

style="margin-right: 10px"

>

v-model="item.value"

placeholder="请输入设备起始编号"

>

v-model="item.name"

placeholder="请输入设备起始编号"

>

class="el-icon-close binding-button-close"

@click="batchDel(index)"

>

class