Table(ref="refundTable" stripe :columns="tableCourseColumns" :data="MainContractCourseList" @on-selection-change="updateTable")怎么把某一行禁用不可选

在Vue.js中，如果你想在表格`<el-table>`中禁用某一行使其不可选，你可以通过修改数据的方式来控制每一行的`disabled`属性。这里有一个例子：

假设你想禁用索引为`index`的那一行，可以在`updateTable`方法里处理这个逻辑：

methods: {
  updateTable(selection) {
    if (selection.length > 0 && selection[0].index !== undefined) { // 检查是否选择了某一行
      const row = MainContractCourseList.find(item => item.index === selection[0].index); // 获取对应的数据行
      if (row) {
        row.disabled = true; // 设置该行的disabled属性为true，表示不可选
      }
    } else {
      // 如果未选择任何行，恢复所有行的默认状态（如果之前有设置过）
      this.MainContractCourseList.forEach(row => row.disabled = false);
    }
  },
},

然后在模板中绑定`disabled`属性：

<template>
  <el-table
    ref="refundTable"
    :stripe="true"
    :columns="tableCourseColumns"
    :data="MainContractCourseList"
    @selection-change="updateTable"
  >
    <!-- ...其他列... -->
    <el-table-column label="操作" prop="operation">
      <template slot-scope="scope">
        <el-button v-if="!scope.row.disabled" type="text" @click.prevent="handleAction(scope.$index, scope.row)">操作</el-button>
        <span class="disabled-button">已禁用</span> <!-- 或者显示一个禁用图标 -->
      </template>
    </el-table-column>
  </el-table>
</template>

在这里，我们为操作列添加了一个条件渲染，只有当`row.disabled`为`false`时才允许点击操作按钮。