js el-table 批量删除
时间: 2023-12-01 15:38:51 浏览: 85
js实现批量删除功能
可以使用以下代码实现批量删除:
```javascript
// 获取选中的行
const selection = this.$refs.table.selection;
// 获取选中行的 id
const ids = selection.map(item => item.id);
// 发送删除请求
this.$http.delete('/api/delete', { data: { ids }})
.then(() => {
// 删除成功后,重新加载数据
this.loadData();
})
.catch(error => {
console.error(error);
});
```
其中,`this.$refs.table` 是 `el-table` 组件的引用,`selection` 属性表示当前选中的行。
阅读全文