el-table toggleRowSelection
时间: 2023-08-08 12:13:06 浏览: 117
Element 默认勾选表格 toggleRowSelection的实现
5星 · 资源好评率100%
el-table 有一个方法叫做 toggleRowSelection,它可以用来切换 el-table 的行选中状态。当传入一个行数据作为参数时,toggleRowSelection 方法会判断该行是否已选中,如果已选中,则取消选中;如果未选中,则选中该行。
以下是 toggleRowSelection 方法的使用示例:
```javascript
<template>
<el-table :data="tableData" ref="table" @row-click="handleRowClick">
<!-- 表格列配置 -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
// 表格数据
]
};
},
methods: {
handleRowClick(row) {
this.$refs.table.toggleRowSelection(row);
}
}
};
</script>
```
在上述示例中,我们在 el-table 组件上绑定了 row-click 事件,并在事件处理方法 handleRowClick 中调用了 toggleRowSelection 方法来切换行的选中状态。通过传入点击的行数据 row,我们可以实现点击行来切换选中状态的功能。
希望这能帮到你!如果还有其他问题,请随时提问。
阅读全文