element-ui怎么清除表格选中项
时间: 2023-09-03 10:08:13 浏览: 1764
element-ui和vue表单(对话框)验证提示语(残留)清除操作
5星 · 资源好评率100%
可以通过以下两种方式清除 Element UI 表格的选中项:
1. 使用 `clearSelection` 方法
可以在表格的实例对象上调用 `clearSelection` 方法来清除选中项,例如:
```
this.$refs.table.clearSelection();
```
其中 `table` 是表格的 `ref` 属性值。这个方法会清除表格中所有选中的行。
2. 使用 `row-key` 属性
可以在表格的 `row-key` 属性上绑定一个唯一的值,然后在需要清除选中项的时候,将 `row-key` 的值修改为一个新的、不与任何行的 `row-key` 值冲突的值。这样,之前选中的行就会被取消选中。例如:
```
<el-table
:data="tableData"
:row-key="row => row.id"
ref="table"
>
...
</el-table>
```
然后在需要清除选中项的时候,可以修改 `row-key` 的值:
```
this.rowKey = Date.now();
```
这个方法会清除表格中所有选中的行。
阅读全文