el-table-column selection 默认选中
时间: 2024-03-15 22:39:43 浏览: 262
el-table-column的selection属性用于配置表格列是否可选中。默认情况下,el-table-column的selection属性是false,即不可选中。
如果你想要设置el-table-column的selection默认选中,可以通过以下步骤实现:
1. 在el-table-column上添加selection属性,并将其设置为true,表示可选中。
2. 在el-table上添加default-selection属性,并将其设置为一个数组,数组中包含需要默认选中的行的数据对象。
下面是一个示例代码:
```html
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column type="selection" :selectable="selectable"></el-table-column>
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: 'John', age: 20 },
{ name: 'Jane', age: 25 },
{ name: 'Tom', age: 30 }
],
selectable: (row, index) => {
// 设置默认选中第一行
return index === 0;
}
};
}
};
</script>
```
在上述示例中,我们通过设置selectable属性来控制每一行是否可选中。在这个例子中,我们设置默认选中第一行,即index为0的行。
阅读全文