【在table列表中通过按钮移除某条数据】需求:前提是table展示list数组的全部数据,要求移除操作后,在list数组中删除该条数据。
//移除方法
deleteBatch(elecId) {
console.log(this.valList, 'valList1');
//移除前数组
this.valList.forEach((value, index, array) => {
if (value.elecId == elecId) {//判断条件
array.splice(index, 1) //删除符合条件的数据
}
})
console.log(this.valList, 'valList2');
//移除后数组
},
推荐阅读
- 处理 element-UI 中table表格多选框判断是否禁用问题
- el-table表格拖动列记住列宽度功能(刷新页面还在)
- element-ui|如何对 el-table列表项 内的 form表单元素 使用 自定义规则校验
- el-button type=text 文字按钮 边框去除和添加
- vue|vue el-upload 组件上传的 文件跟随表单数据 发送后台保存
- 前端|Vue Element UI Table 表自动生成 Table 表封装 2.0(详细教程)
- element-ui 中el-select 嵌套 tree树形控件
- elementUI|element-ui 之 el-tooltip 如何自定义修改样式(???)
- vue|vue爬坑记:element-ui的标签页之间跳转的手动控制