elementui禁用某行
时间: 2023-05-26 18:05:26 浏览: 75
在 ElementUI 中,如果要禁用某行,可以通过在表格的数据中增加一个 `disabled` 属性来实现。具体步骤如下:
1. 在表格的数据中,增加一个 `disabled` 属性,值为 `true`:
```
tableData: [
{
name: '张三',
age: 18,
gender: '男',
disabled: true
},
{
name: '李四',
age: 20,
gender: '女',
disabled: false
},
// ...
]
```
2. 在表格的 `row-class-name` 属性中定义一个函数,根据数据中的 `disabled` 属性来判断是否要禁用该行:
```
<el-table :data="tableData" :row-class-name="tableRowClassName">
<!-- ... -->
</el-table>
// ...
methods: {
// ...
tableRowClassName({row}) {
return row.disabled ? 'is-disabled' : '';
}
}
```
3. 在 CSS 中定义一个名为 `is-disabled` 的样式,用来禁用该行:
```
.is-disabled {
color: #ccc;
background-color: #f2f2f2;
cursor: not-allowed;
}
```