ElementUI el-table多选框改为单选框的解决办法

在ElementUI的el-table组件中，要将多选框改为单选框，可以使用radio类型的row-key属性。以下是一个简单的示例：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    highlight-current-row
    row-key="id"
    @current-change="handleCurrentChange"
  >
    <el-table-column
      type="radio"
      width="55">
    </el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{ id: 1, date: '2016-05-02', name: '王小虎' }, /* 其他数据 */],
      currentRow: null,
    };
  },
  methods: {
    handleCurrentChange(val) {
      this.currentRow = val;
    },
  },
};
</script>

在这个例子中，我们设置了el-table-column的type属性为radio来创建单选框列。row-key属性设置为对象中唯一的id字段，以便组件识别每一行的唯一性。通过监听current-change事件，我们可以获取到当前选中的行数据。