el-table设置单选

el-table是Element UI中的一个表格组件，可以用于展示和编辑数据。要设置el-table为单选模式，可以通过以下步骤进行配置：

1. 首先，在el-table标签上添加`@selection-change`事件监听器，用于捕获选择变化事件。
2. 在data中定义一个变量，用于保存当前选中的行数据。
3. 在el-table-column中添加type属性，并将其值设置为"selection"，以显示选择框。
4. 在el-table-column中添加`@select`事件监听器，用于捕获行选中事件，并将选中的行数据赋值给之前定义的变量。

下面是一个示例代码：

<template>
  <el-table :data="tableData" @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 20, gender: '女' },
        { name: '王五', age: 22, gender: '男' }
      ],
      selectedRow: null
    };
  },
  methods: {
    handleSelectionChange(selection) {
      this.selectedRow = selection[0];
    }
  }
};
</script>

在上述示例中，`handleSelectionChange`方法会在选择变化时被调用，将选中的行数据赋值给`selectedRow`变量。你可以根据需要对选中的行数据进行处理。