el-table单选框不让点击

在Vue.js的Element UI库中，`el-table`组件用于创建表格，如果想要禁用某个单元格的单选框使其无法点击，你可以通过设置`cell-props`属性来控制每个单元格的属性。例如：

<template>
  <el-table :data="tableData">
    <el-table-column type="selection" label="选择"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <!-- ... 其他列 -->
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-checkbox v-if="!isDisabled(scope.row)" @change="handleSelectionChange(scope.$index, scope.row)">{{ scope.row.checked }}</el-checkbox>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // ... 数据列表
      ],
      isDisabled(row) {  // 如果需要根据数据动态禁用
        // 根据row对象返回true或false
        return row.disabled; // 假设这里有一个disabled字段
      },
      selectedRows: [],  // 存储选中的行
    };
  },
  methods: {
    handleSelectionChange(index, row) {
      this.selectedRows = [row];  // 或者在这里处理单选状态
    }
  }
};
</script>

在这个例子中，我们添加了一个`isDisabled`函数，它会判断当前行是否应该禁用。如果你想固定地让所有单选框都无法点击，可以将`v-if`条件去掉或者总是返回`true`。