element ui 表格每一个column的按钮设置禁用状态

Question

按钮如下要求：点击哪一行的确认就把确认和驳回按钮变为禁用状态

 <el-button size="mini" @click="handleCertification(scope.row,scope.$index)" 
:disabled="scope.row.check==true"
>确认
</el-button>
<el-button size="mini" @click="cancelCertification(scope.row,scope.$index)" 
:disabled="scope.row.check"
  >驳回 




 handleCertification(value,index) {
      console.log(index,value)
      let params = {
        status:3
      }
       updateState(value.id,params).then(response=>{
         if (response.status == 200) {
           this.$message.success('确认成功');
           this.tableData[index].check = true;
          //  this.ableEdit = true;
         }else{
           this.$message.error(response.Message)
         }

我在data里面定义了check然后给表格的数组添加了check属性，在点击的时候把他变成true，然后disabled里面写上了scope.row.check == true,但是这样并没有生效，求详细解释

Answer 1

在获取tableData的数据时做一次处理，设置check的值，这样写

```bash
this.tableData.forEach((item,index) => {
  this.$set(this.tableData[index], 'check', true) // true或false根据默认值自己修改一下
})

```