vue + elementplus 表格复选框回显禁用

在Vue.js中结合Element Plus库创建表格时，如果需要对特定行的复选框实现回显并禁用，你可以按照以下步骤操作：

1. 首先，在你的数据列表(`data`部分)中，为每一项配置一个初始状态，例如`checked`表示是否被选中，`disabled`表示是否禁用。例如：

data() {
  return {
    tableData: [
      { id: 1, name: 'Item 1', checked: false, disabled: false },
      // 更多行...
    ],
  };
},

2. 然后在表头模板中，使用v-model绑定到数据中的`checked`属性来控制复选框的值，并添加`disabled`属性来设置禁用状态：

<el-table-column type="selection" label="选择"></el-table-column>
<template v-for="item in tableData">
  <el-table-row :key="item.id" :disable="item.disabled">
    <el-checkbox v-model="item.checked"></el-checkbox>
    <!-- 其他列内容 -->
  </el-table-row>
</template>

3. 如果你想根据某些条件动态地改变某一行的禁用状态，可以在计算属性、watch或者methods里处理这些逻辑，比如：

computed: {
  disableCheckbox(row) {
    // 根据row对象的某个属性来决定是否禁用
    if (row.isDisabled) {
      return true;
    }
    return false;
  }
},

然后在表头单元格或行内使用`v-bind:disable`来绑定这个计算结果：

<el-table-column>
  <template slot-scope="scope">
    <el-checkbox :disabled="disableCheckbox(scope.row)" v-model="scope.row.checked"></el-checkbox>
  </template>
</el-table-column>