elementui table 添加单选按钮

你可以使用 Element UI 中的 `el-table-column` 组件来添加单选按钮。具体实现方法如下：

1. 在 `el-table` 中添加一个 `selection` 属性，这将在表格的第一列添加一个单选按钮。

<el-table :data="tableData" :selection="selection">
  <!-- 表格列定义 -->
</el-table>

2. 在表格的第一列中添加 `el-table-column` 组件，并设置 `type` 属性为 `selection`。

<el-table-column type="selection" width="55"></el-table-column>

3. 同时，你可以在表格中使用 `selection-change` 事件来获取选中的数据。

<el-table :data="tableData" :selection="selection" @selection-change="handleSelectionChange">
  <!-- 表格列定义 -->
</el-table>

methods: {
  handleSelectionChange(val) {
    console.log(val);
  }
}

完整的代码示例如下：

<template>
  <el-table :data="tableData" :selection="selection" @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="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      selection: [],
      tableData: [
        { name: '张三', age: 18, address: '北京市' },
        { name: '李四', age: 20, address: '上海市' },
        { name: '王五', age: 22, address: '广州市' },
      ],
    };
  },
  methods: {
    handleSelectionChange(val) {
      console.log(val);
    },
  },
};
</script>