element ui table表格进行单选

要使 Element UI 表格实现单选功能，你可以使用 `type="selection"` 属性在表格列中添加一个选择列。以下是一个示例：

<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%"
      @selection-change="handleSelectionChange">
      <el-table-column
        type="selection"
        width="55">
      </el-table-column>
      <el-table-column
        prop="name"
        label="Name">
      </el-table-column>
      <el-table-column
        prop="age"
        label="Age">
      </el-table-column>
      <el-table-column
        prop="gender"
        label="Gender">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 30, gender: 'Male' },
        { name: 'Jane', age: 25, gender: 'Female' },
        { name: 'Sam', age: 35, gender: 'Male' },
      ],
      selectedRows: [],
    };
  },
  methods: {
    handleSelectionChange(selectedRows) {
      this.selectedRows = selectedRows;
    },
  },
};
</script>

在上面的示例中，我们使用 `@selection-change` 事件监听选择变化，并将选中的行存储在 `selectedRows` 数组中。你可以根据需要进一步处理选中的行数据。