elementui table 添加单选按钮

要在ElementUI的Table中添加单选按钮，可以使用Table的`selection`属性来实现。具体步骤如下：

1. 在Table的columns中添加一列用于显示单选按钮，可以使用`type: 'selection'`。

2. 在Table的`@selection-change`事件中，获取选中的行数据。

以下是一个示例代码：

<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>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ],
      selectedData: null // 选中的行数据
    };
  },
  methods: {
    handleSelectionChange(selection) {
      if (selection.length > 0) {
        this.selectedData = selection[0]; // 获取第一行选中的数据
      } else {
        this.selectedData = null;
      }
    }
  }
};
</script>

在上面的示例中，我们添加了一个列用于显示单选按钮，然后在`handleSelectionChange`方法中获取选中的行数据，并存储在`selectedData`变量中。根据实际需求，可以对选中的数据进行其他操作。