vue3+element plus里使用table组件，怎么设置只能选中一行

在Vue3配合Element Plus的Table组件中，如果你想要限制用户只能选择一行，可以使用`@selection-change`事件监听表头的选中状态变化，并通过数据管理来控制当前选中的行。以下是一个简单的步骤说明：

1. 首先，在`<el-table>`标签上绑定一个变量，用于存储选中的行数据，如`selectedRow`。

<template>
  <el-table :data="tableData" @selection-change="handleSelectionChange">
    <!-- ... -->
  </el-table>
</template>

2. 定义一个方法`handleSelectionChange`，在这个方法中处理选中状态的变化，如果已经选择了某一行并且又尝试选择另一行，则取消前一次的选择。

<script setup>
import { ref } from 'vue';

const tableData = //...; // 表格数据
const selectedRow = ref(null);

function handleSelectionChange(selection) {
  if (selection.length > 0 && selectedRow.value) {
    selectedRow.value = null;
  }
  selection.forEach(row => {
    if (!selectedRow.value || row.id !== selectedRow.value.id) {
      selectedRow.value = row;
    }
  });
}
</script>

3. 如果你希望禁用其他行的复选框，可以在表格列的模板中添加`disabled`属性，比如：

<el-table-column type="selection" label="选择"></el-table-column>
<el-table-column prop="name" label="姓名" :disabled="row === selectedRow"></el-table-column>

这样，每次用户点击行时，只会有一个行被选中。