清空el-table select
时间: 2023-10-03 17:11:19 浏览: 114
要清除 `el-table` 中的选择项,您可以使用以下方法之一:
1. 将 `el-table` 的 `v-model` 绑定值设置为一个空数组:
```html
<el-table v-model="selectedRows" :data="tableData" @selection-change="handleSelectionChange">
<!-- 省略表格列的定义 -->
</el-table>
```
```javascript
export default {
data() {
return {
selectedRows: []
}
},
methods: {
handleSelectionChange(selection) {
// 处理选择项变更事件
}
}
}
```
在需要清除选中项时,将 `selectedRows` 数组设置为空数组即可:
```javascript
this.selectedRows = []
```
2. 获取 `el-table` 组件实例并调用其 `clearSelection` 方法:
```html
<el-table ref="myTable" :data="tableData" @selection-change="handleSelectionChange">
<!-- 省略表格列的定义 -->
</el-table>
```
```javascript
export default {
methods: {
handleClearSelection() {
this.$refs.myTable.clearSelection()
}
}
}
```
在需要清除选中项时,调用 `handleClearSelection` 方法即可。
阅读全文