el-table selection默认选中第一行
时间: 2024-08-14 07:03:57 浏览: 97
在Element UI中的el-table组件中,如果你想让表格默认选中第一行,可以通过设置`selection`属性来实现。首先,在数据源(data)上添加一个特殊的标识,表示哪一行应该被默认选中。例如:
```javascript
data: [
{
id: 1,
name: '默认选中行',
// 添加一个额外的属性用于标记是否默认选中
selected: true
},
{ ... }, { ... }, ... // 其他行的数据
]
```
然后在`el-table`组件的配置选项中设置`selection`属性:
```html
<el-table :data="tableData" :selection="selectedRowKeys">
<!-- table列 -->
</el-table>
<script>
export default {
data() {
return {
tableData: [],
// 初始化默认选中第一行
selectedRowKeys: [this.tableData.id] // 假设id是唯一标识
};
}
};
</script>
```
这样,当表格渲染时,第一行会被自动选中。如果需要动态控制默认选中行,可以在初始化`selectedRowKeys`时根据实际情况更改。
阅读全文