vue elementui 根据内容设置按钮是否禁用

效果图在这里插入图片描述代码部分

:disabled="scope.row.status == '审核通过' ? true : false"

代码应用

<el-table-column prop="status" label="状态" width="160">
        </el-table-column>
        <el-table-column fixed="right" label="操作">
          <template slot-scope="scope">
            <el-button @click="dlt(scope.row)" type="text" size="small"
              >删除</el-button
            >
            <el-button
              @click="Examine(scope.row.id)"
              type="text"
              size="small"
              :disabled="scope.row.status == '审核通过' ? true : false"
              >审核通过</el-button
            >
            <el-button
              @click="reExamine(scope.row.id)"
              type="text"
              size="small"
              :disabled="scope.row.status == '审核不通过' ? true : false"
              >审核不通过</el-button
            >

版权声明:本文为qq_44449336原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。