【ElementUI】el-table中复选框禁用处理

在ElementUI的el-table组件中，如果你想要禁用某些行的复选框，可以通过disabled属性来控制。你需要确保你的el-table使用了:row-class-name属性来为你想要禁用复选框的行添加一个特定的类名。

以下是一个简单的例子，展示如何禁用第二行的复选框：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    @selection-change="handleSelectionChange"
  >
    <el-table-column
      type="selection"
      width="55">
      <template slot-scope="scope">
        <el-checkbox
          :disabled="isRowDisabled(scope.row)"
          v-model="scope.row.checked">
        </el-checkbox>
      </template>
    </el-table-column>
    <!-- 其他列的定义 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, label: '行1', checked: false },
        { id: 2, label: '行2', checked: false, _disabled: true },
        { id: 3, label: '行3', checked: false }
      ]
    };
  },
  methods: {
    isRowDisabled(row) {
      return row._disabled === true;
    },
    handleSelectionChange(selection) {
      // 你的处理逻辑
    }
  }
};
</script>

在这个例子中，我们定义了一个isRowDisabled方法，它检查行数据中是否有一个_disabled属性，如果有，并且其值为true，则该复选框将被禁用。你可以通过在你的数据模型中添加_disabled属性来控制哪些行的复选框应该被禁用。