el-table中勾选数据单选
时间: 2023-11-07 19:55:19 浏览: 201
获取el-table表格中选中行的数据
要在el-table中实现勾选数据单选,你可以使用selection-change事件和toggleRowSelection方法。在selection-change事件中,判断选择的数据长度,如果大于1,则将第一个选择的数据取消选中,然后使用toggleRowSelection方法切换当前选择的行的选中状态为true。这样就可以实现勾选数据的单选效果。
示例代码如下:
```html
<el-table
:data="tableData"
@selection-change="handleSelectionChange">
<!-- 其他列配置 -->
<!-- ... -->
<el-table-column type="selection"></el-table-column>
</el-table>
```
```javascript
methods: {
handleSelectionChange(selection) {
if (selection.length > 1) {
let delRow = selection.shift();
this.$refs.table.toggleRowSelection(delRow, false);
}
}
}
```
阅读全文