【无标题】el

【无标题】el

文章目录

1. 在data里面定义一个数组
   arrayDat1: [{value:‘’}]

2. 在input框的外层加一个div盒子,并且for循环定义的数组

3. 整体代码如下

代码如下（示例）：

data() {return {ruleForm: {// 新增行arrayDat1: [{value:''}]},}},

<el-form-item label="关联考核样本编号" required><div class="btn-div" v-for="(item,index) in ruleForm.arrayDat1" :key="index"><el-input v-model="item.value" placeholder="请输入考核样本编号" style="width: 400px;"></el-input><el-button @click="add">新增</el-button><el-button @click="del(index)">删除</el-button></div>
</el-form-item>

// 点击新增按钮添加一行add () {this.ruleForm.arrayDat1.push({value:''})},// 点击删除按钮去去掉一行del (index) {if (this.ruleForm.arrayDat1.length <= 1) { //如果只有一个框则不可以删除return false}this.ruleForm.arrayDat1.splice(index, 1) //删除数组中对应的数据也就是将这个位置的框删除}