vue3 el-table-column 多选禁用代码

以下是禁用 Vue3 的 el-table-column 多选的示例代码：

<el-table :data="tableData" :selection="multipleSelection">
  <el-table-column type="selection" width="55">
    <template #header>
      <el-checkbox v-model="isAllSelected" @change="selectAll"></el-checkbox>
    </template>
    <template #default="{ row }">
      <el-checkbox :disabled="row.disabled" v-model="row.selected"></el-checkbox>
    </template>
  </el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

在以上代码中，我们通过设置 `:disabled` 属性来禁用多选框，具体的实现方式是在数据源 `tableData` 中增加一个 `disabled` 字段，然后在模板中根据该字段来控制多选框的可用状态。需要注意的是，禁用多选框并不会影响数据的选中状态，因此需要在逻辑上处理好这一点。