VUE 中点击按钮后根据对某状态的判断将它置灰

根据状态判断点击完按钮后是否变灰  :disabled="scope.row.paymenntStatus.value === 0"

<template slot-scope="scope">
    <el-button size="small" type="text" >查看</el-button>
    <el-button size="small" type="text" :disabled="scope.row.cancelStatus.value === 2"  @click="open(scope.row)">取消通过</el-button>
    <el-button size="small" type="text" :disabled="scope.row.paymenntStatus.value === 0" @click="reject(scope.$index)">取消驳回</el-button>
</template>

通过给取消驳回按钮绑定点击事件reject 使得点击后弹出对话框实现取消功能

    reject(index) {
        //弹出对话框
      this.visible = true;
        //将tableData中的index设置成为全局的
      this.index = index;
    },

open2(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          this.$message({
            message: "审核拒绝成功",
            type: "success",
          });
            //根据支付状态将按钮置灰，这里读取状态码时，状态位于tableData中
            //tableData里有好几组数据，所以需要this.index来读取
          this.tableData[this.index].paymenntStatus.value = 0;
            //置灰后将对话框置空
          this.$refs[formName].resetFields();
          this.visible = false;
        } else {
          this.visible = true;
        }
      });
}