控制el-table表格里的多选不可点击
时间: 2023-07-16 14:15:58 浏览: 154
element-ui组件table实现自定义筛选功能的示例代码
5星 · 资源好评率100%
可以通过设置 `disabled` 属性来禁用多选框,使其不可点击。
例如,在 `el-table-column` 中定义多选框列时,可以使用 `slot-scope` 属性来获取当前行数据,然后根据条件设置 `disabled` 属性。示例代码如下:
```html
<el-table-column type="selection" width="55">
<template slot-scope="scope">
<el-checkbox :disabled="scope.row.disabled"></el-checkbox>
</template>
</el-table-column>
```
在上述示例中,`scope.row.disabled` 表示当前行数据中是否存在 `disabled` 属性,如果存在且值为 `true`,则多选框会被禁用不可点击。你可以根据自己的业务逻辑来动态设置 `disabled` 属性。
阅读全文