el-table-column type="selection"使用disabled不生效
时间: 2023-09-25 09:12:24 浏览: 61
`el-table-column` 中的 `type="selection"` 是用于显示一个多选框的,而 `disabled` 属性是用于禁用一个元素的,这两者的作用是不同的,所以在 `el-table-column` 中使用 `disabled` 是不会生效的。
如果你想禁用某些行的多选框,可以通过给数据源中的数据项设置 `disabled` 属性来实现。例如:
```javascript
[
{
name: '张三',
age: 18,
disabled: true // 设置为 true 表示该行的多选框禁用
},
{
name: '李四',
age: 20,
disabled: false // 设置为 false 或者不设置表示该行的多选框可用
}
]
```
然后在模板中,通过 `row` 的 `disabled` 属性来设置多选框的禁用状态,示例代码如下:
```html
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column type="selection" />
<el-table-column prop="name" label="姓名" />
<el-table-column prop="age" label="年龄" />
</el-table>
</template>
```
```javascript
export default {
data() {
return {
tableData: [
{
name: '张三',
age: 18,
disabled: true
},
{
name: '李四',
age: 20,
disabled: false
}
]
}
}
}
```