el-table代码勾选某一行
时间: 2023-10-14 12:44:22 浏览: 33
要在 el-table 中勾选某一行,你可以使用 el-table 的 selection 属性来实现。首先,你需要在 el-table 的列定义中添加一个选择列,然后通过绑定数据的方式来控制选择状态。以下是一个示例代码:
```html
<template>
<div>
<el-table :data="tableData" :row-key="row => row.id" :selection="selection">
<el-table-column type="selection"></el-table-column>
<el-table-column prop="id" label="ID"></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>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{ id: 1, name: 'John', age: 20 },
{ id: 2, name: 'Jane', age: 25 },
{ id: 3, name: 'Bob', age: 30 }
],
selection: []
};
}
};
</script>
```
在上面的代码中,我们通过 `type="selection"` 添加了一个选择列,然后通过 `:selection` 绑定了 `selection` 数组来保存选中的行数据。你可以通过在 `selection` 数组中添加或删除行数据来控制勾选状态。
希望这个示例对你有帮助!如有其他问题,请随时提问。