(vue)增加行，对应行删除

(vue)增加行，对应行删除

效果：

代码：

<div v-for="(ele,i) of algorithmList" :key="i"><el-form-item label="模型类型"><el-selectv-model="ele.algorithmId"placeholder="选择模型类型"@change="modelTypeChanged"><el-optionv-for="(item,index) in modelTypeOptions":key="index":label="item.category":value="item.category"></el-option></el-select></el-form-item><el-form-item label="模型工具">...</el-form-item><el-form-item><i class="el-icon-circle-plus-outline" @click="suanfaAddBtn" style="margin:0 20px;"></i><i class="el-icon-remove-outline" @click="suanfaDelParam(ele, i)"></i></el-form-item>
</div>data(){return:{algorithmList: [{algorithmId: "",algorithmName: "", },],}
},
methods:{//添加suanfaAddBtn() {this.algorithmList.push({algorithmId: "",algorithmName: "", });},//删除suanfaDelParam(ele, i) {if (this.algorithmList.length > 1) {this.algorithmList.splice(i, 1);} else if (this.algorithmList.length == 1) {this.$message({message: "此类不允许删除",type: "warning",});}},
}