Element UI 表格:如何设置默认选中项
您可以使用 `default-selection` 属性来设置 el-table 的默认选中项。该属性需要传入一个数组,数组中的每个元素都是一个对象,表示一个要选中的行数据。
例如,如果您想默认选中 id 为 1 和 id 为 3 的两条数据,可以这样写:
<el-table :data="tableData" :default-selection="defaultSelection">
<!-- 表格列定义 -->
</el-table>
data() {
return {
tableData: [
{ id: 1, name: '张三', age: 18 },
{ id: 2, name: '李四', age: 20 },
{ id: 3, name: '王五', age: 22 },
{ id: 4, name: '赵六', age: 24 },
],
defaultSelection: [
{ id: 1 },
{ id: 3 },
],
};
},
注意,`default-selection` 属性中的对象只需要包含要选中的行数据的某个唯一标识符即可,不需要包含所有数据。在上面的例子中,我们只需要包含 id 属性即可。
原文地址: https://www.cveoy.top/t/topic/otiK 著作权归作者所有。请勿转载和采集!