el-table禁用某一行
时间: 2023-06-12 10:06:18 浏览: 648
在 `el-table` 中禁用某一行可以通过设置 `row-disabled` 属性来实现。
首先,在数据源中添加一个 `disabled` 属性,用于标识该行是否禁用,例如:
```javascript
tableData: [
{ name: 'John', age: 20, disabled: false },
{ name: 'Mary', age: 25, disabled: true },
{ name: 'Peter', age: 30, disabled: false }
]
```
然后,在 `el-table` 组件中设置 `row-disabled` 属性为一个函数,该函数接收一个参数 `row`,表示当前行的数据对象,函数返回一个布尔值,用于判断该行是否禁用,例如:
```html
<el-table :data="tableData" :row-disabled="isRowDisabled">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
</el-table>
```
```javascript
methods: {
isRowDisabled(row) {
return row.disabled;
}
}
```
以上代码中,我们定义了一个 `isRowDisabled` 方法,该方法接收一个 `row` 参数,用于判断该行是否禁用。在 `el-table` 组件中,我们通过设置 `:row-disabled="isRowDisabled"` 将该方法绑定到 `row-disabled` 属性上,从而实现对某一行的禁用。
阅读全文