我说的是控制这里的 el-table-column type="selection" ,选中
时间: 2023-09-25 12:12:20 浏览: 37
哦,明白了。实现这个功能的话,你可以在 el-table 上添加一个 @row-click 的事件监听器,然后在这个事件中更新你的数据源中每一行的选中状态。具体来说,可以在你的数据源对象中添加一个名为 selected 的属性,用来保存每一行是否被选中的状态。然后在 @row-click 中,根据当前行的选中状态,对 selected 进行相应的修改即可。
具体代码如下所示(假设你的数据源对象为 data):
```html
<el-table :data="data" @row-click="handleRowClick">
<el-table-column type="selection"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
```javascript
export default {
data() {
return {
data: [
{ name: '张三', age: 18, selected: false },
{ name: '李四', age: 20, selected: false },
{ name: '王五', age: 22, selected: false }
]
}
},
methods: {
handleRowClick(row) {
row.selected = !row.selected; // 切换选中状态
}
}
}
```
这样,当用户点击表格中的某一行时,该行的选中状态就会被切换,从而实现了表格行选择的功能。