How vue element changes the disabled state of the button according to a parameter in the table

I want to change the disabled status of the button through the computer status parameters in the table

when the button is available when the inventory is displayed, and disabled when the button is in use

  <el-row>
    <el-col :span="24" class="main-btn">
      <el-button-group>
        <el-button type="primary" icon="el-icon-edit" @click="handleEdit" size="large" :disabled="disabled"></el-button>
        <el-button type="primary" icon="el-icon-edit-outline" @click="handleUserEdit" size="large" :disabled="disabled"></el-button>
      </el-button-group>
    </el-col>
  </el-row>
  <el-table :data="cptInfo" @sort-table="handleSortTable"
            highlight-current-row
            border
            @filter-column="handleFilterColumn"
            :height="tableHeight"  v-loading="listLoading" stripe style="width: 100%;"
            ref="table" @row-click="showRow"
            size="mini" v-contextmenu:contextmenu
            @cell-mouse-enter="handleMouseEnterTable">
    <el-table-column label="" width="60" align="center">
      <template slot-scope="scope">
        <span class="table-radio">
          <el-radio class="radio" v-model="currentRowIndex" :label="scope.$index"> </el-radio>
        </span>
      </template>
    </el-table-column>
    <el-table-column type="index" width="60" align="center">
    </el-table-column>
    <el-table-column prop="servCode" label="" align="center" width="90">
    </el-table-column>
    <el-table-column prop="pcState" label="" align="center" width="90">
    </el-table-column>
    <el-table-column prop="userName" label="" align="center" width="65">
    </el-table-column>
    <el-table-column prop="userDep" label="" align="center" width="125">
    </el-table-column>
    <el-table-column prop="userWorkNum" label="" align="center" width="60">
    </el-table-column>
    <el-table-column prop="pcModel" label="" align="center" width="100">
    </el-table-column>
    <el-table-column prop="cpuInfo" label="CPU" align="center" width="100">
    </el-table-column>
    <el-table-column prop="memory" label="" align="center" min-width="100">
    </el-table-column>
    <el-table-column prop="hardDeskInfo" label="" align="center" width="100">
    </el-table-column>
    <el-table-column prop="cabNetCard" label="" align="center" width="145">
    </el-table-column>
    <el-table-column prop="wirelessNetCard" label="" align="center" width="150">
    </el-table-column>
    <el-table-column prop="fixAssNum" label="" align="center" width="145">
    </el-table-column>
    <el-table-column prop="remark" show-overflow-tooltip label="" align="center" min-width="150">
    </el-table-column>
    <el-table-column prop="createTime" label="" align="center" min-width="160">
    </el-table-column>
    <el-table-column label="" align="center" fixed="right" min-width="175">
      <template slot-scope="scope">
        
          <el-button type="" size="small" @click="handleGetPcLog(scope.$index, scope.row)" icon="el-icon-tickets"
                     alt="afd">
          </el-button>
      </template>
    </el-table-column>
  </el-table>

how should I change it? Ask the Great God for advice