table 单选显示单选圆点

根据提供的引用内容，实现表格单选圆点需要进行以下步骤：
1. 在表格组件中添加属性type="selection"，这样就可以在每一行前面显示一个圆点。
2. 为了实现单选，需要将表格的selection属性绑定到一个变量上，例如selectedRow。
3. 在表格组件中添加属性@row-click="handleRowClick"，这样当用户点击表格行时，会触发handleRowClick方法。
4. 在handleRowClick方法中，将当前行的数据赋值给selectedRow变量，这样就可以实现单选效果。
5. 在表格组件中添加属性highlight-current-row，这样选中的行会高亮显示。

代码示例：

<el-table :data="tableData" type="selection" :selection.sync="selectedRow" @row-click="handleRowClick" highlight-current-row>
  <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>

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