el-table 单选

要实现 el-table 单选，可以使用以下步骤：

1. 将 el-table 的 selection 属性设置为 'single'。
2. 在 el-table-column 中添加 type 属性，并设置为 'selection'。
3. 在 el-table 的 @selection-change 事件中处理选中项的逻辑，例如将选中项保存到 data 中的 selectedRow 变量中。

以下是一个示例代码：

<el-table :data="tableData" :selection="'single'" @selection-change="handleSelectionChange">
  <el-table-column type="selection"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 25 },
        { name: '李四', age: 30 },
        { name: '王五', age: 28 }
      ],
      selectedRow: null
    }
  },
  methods: {
    handleSelectionChange(selectedRows) {
      this.selectedRow = selectedRows[0]
      console.log('选中行：', this.selectedRow)
    }
  }
}

在上面的示例中，我们将 el-table 的 selection 属性设置为 'single'，并在 el-table-column 中添加 type 属性。在 @selection-change 事件中，我们处理选中项的逻辑，将选中项保存到 data 中的 selectedRow 变量中。