点击取消部署,当前行删除按钮置灰,需求如下:
data新增一个state:0的状态:
dataSource:[{
key: "1",
modelName: "模型名称",
serialType: "算法类型一",
creationTime: "创建时间",
theHeir: "上传人",
state: 0
}, {
key: "2",
modelName: "模型名称",
serialType: "算法类型一",
creationTime: "创建时间",
theHeir: "上传人",
state: 0
}],
<a-table
rowKey="key"
:columns="columns"
:locale="{ emptyText: '暂无数据' }"
:data-source="dataSource"
:pagination="false"
>
<div slot="operation" slot-scope="text, record, index">
<span @click="deployFn(record,index)">取消部署</span>
<span @click="deleteFn(record)" :style="{color: record.state? '#999': ''} " :disabled="record.state? true: false">删除</span>
</div>
</a-table>
deployFn(record,index) {
let that = this;
that.dataSource[index].state = 1;
},