el-table的多选框实现单选功能

对于el-table多选框实现单选功能，可以通过以下步骤实现：

1. 给el-table添加属性``@select``和``@select-all``，如下所示：

<el-table :data="tableData" @select="handleSelect" @select-all="handleSelectAll">
  <!--表格列-->
</el-table>

2. 在Vue的methods中定义handleSelect和handleSelectAll方法，其中利用$refs来获取到当前选中的行数，通过遍历将其它行的选中状态清空以达到单选的效果，如下所示：

methods: {
  handleSelect (selection, row) {
    if (selection.length > 1) {
      selection.forEach(item => {
        if (item !== row) {
          this.$refs.multipleTable.toggleRowSelection(item)  // 清除之前选中项
        }
      })
    }
  },
  handleSelectAll (selection) {
    selection.length <= 1 ? '' : (this.$refs.multipleTable.clearSelection(), selection.splice(1))
  }
}

通过以上步骤，即可实现单选功能。