利用:formatter根据表格列el-button按钮上的文字判断button为可点击或不可点击的状态
时间: 2024-04-29 14:21:37 浏览: 57
用selector设置button可用和不可用的样式
可以使用以下代码来实现:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
<el-table-column>
<template slot="header">Action</template>
<template slot-scope="scope">
<el-button :disabled="formatter(scope.row.age)">Click</el-button>
</template>
</el-table-column>
</el-table>
```
```js
methods: {
formatter(age) {
return age < 18;
}
}
```
在上面的代码中,我们使用了 `formatter` 方法来判断按钮是否可点击。如果 `age` 小于 18 ,则按钮将被禁用。在模板中,我们使用 `:disabled` 属性来动态绑定按钮的可点击状态,并将 `scope.row.age` 作为参数传递给 `formatter` 方法。
阅读全文