Element实现el-table同一行 点击一个按钮另外两个禁用

<el-table
      :header-cell-style="{
        background: '#fafafa',
        borderBottom: '2px solid #e8e8e8',
      }"
      :data="list"
      style="width: 100%"
    >
      <el-table-column type="index" label="序号" width="80"> </el-table-column>
      <el-table-column prop="subjectName" label="所属学科" width="210">
      </el-table-column>
      <el-table-column prop="tagName" label="标签名称" width="210">
      </el-table-column>
      <el-table-column prop="username" label="创建者" width="210">
      </el-table-column>
      <el-table-column prop="addDate" label="创建日期"> </el-table-column>
      <el-table-column prop="state" label="状态" width="210"> </el-table-column>
      <el-table-column label="操作" width="150" >
        <template slot-scope="scope">
          <el-button
            type="text"
            size="small"
            style="font-size: 14px"
            @click="rowOverdue(scope.row)"
            >{{ scope.row.state == '已启用' ? '启用' : '禁用' }}
            </el-button>
          <el-button
           type="text"
           size="small"
           style="font-size: 14px"
           @click="hEdit(scope.row)"
           :disabled="scope.row.state == '已启用' ? false : true"
            >编辑</el-button
          >
          <el-button
            type="text"
            size="small"
            style="font-size: 14px"
            @click="hdel(scope.row)"
            :disabled="scope.row.state == '已启用' ? false : true"
            >删除</el-button
          >
        </template>
      </el-table-column>
    </el-table>

利用三元表达式实现