elementui table表格如何自动选中状态
时间: 2023-11-16 19:03:18 浏览: 111
vue+element实现sku表格
要使ElementUI表格自动选中状态,需要使用以下两个属性:
1. `:default-selection`:设置表格的默认选中项,可以是一个数组或一个函数。
```html
<el-table :data="tableData" :default-selection="[tableData[0]]">
<!-- 表格列 -->
</el-table>
```
2. `@row-click`:设置行点击事件,当用户单击一行时,该函数将自动调用并将该行的数据作为参数传递。在函数中,可以将选中的行保存在一个数组中。
```html
<el-table :data="tableData" @row-click="handleRowClick">
<!-- 表格列 -->
</el-table>
```
```javascript
export default {
data() {
return {
selectedRows: []
}
},
methods: {
handleRowClick(row) {
this.selectedRows = [row]
}
}
}
```
将这两个属性结合使用,就可以实现ElementUI表格的自动选中状态。
阅读全文