Vue element-ui如何给table表格的一行设置为不可勾选，input不可修改

html，主要加上

:selectable="setDisabled"

:disabled="!setDisabled(scope.row)"

<el-table :data="tableData.arr">
        <el-table-column type="selection" width="55" :selectable="setDisabled"/>
        <el-table-column label="勾选要导入的数据表">
          <template #default="scope">{{ scope.row.originalTableNameEn }}</template>
        </el-table-column>
        <el-table-column property="name_en" label="导入后的表名 - 英文">
          <template #default="scope">
            <el-input :disabled="!setDisabled(scope.row)" v-model="scope.row.tableNameEn" placeholder="请输入" />
          </template>
        </el-table-column>
      </el-table>

js

function setDisabled(row, index) {// 设置不可勾选
    //tableData.disabledArr为设置为不可勾选的列
    var show = true
    tableData.disabledArr.forEach(item=>{
      if(item.originalTableNameEn == row.originalTableNameEn){
        show = false
      }
    })
    return show;
  }

结果展示