需求：

而若依系统做好的基础功能中，为角色分配用户时，选择用户功能是可以选择多个的，这在这种需求场景中是需要多选的。而有时候我们在选择数据行的时候，需要只选择一行的功能，比如：为某个专业设置一个专业负责人，就需要弹出用户数据表，然后从中选择一个用户作为专业负责人。

先看看实现效果：

实现要点：

（1）HTML

在<el-table>标签中增加CSS类single_select，避免影响到其他数据表格。

<el-table class="single_select" @row-click="clickRow" ref="refTable" :data="userList" @selection-change="handleSelectionChange" height="260px">

（2）CSS

在<style>中添加如下样式。

<style>
.single_select .el-table__header-wrapper .el-checkbox {
  display: none;
}
</style>

（3）JS

clickRow函数代码不变。在选择改变的处理函数handleSelectionChange中增加如下代码。

function handleSelectionChange(selection) {
   if (selection.length > 1) {
        let del_row = selection.shift();
        proxy.$refs["refTable"].toggleRowSelection(del_row, false);
   }else{
        userId.value = selection.map(item => item.userId)[0];
        userName.value = selection.map(item => item.userName)[0];
   }
}

【本文结束】

学习过程记录，有需要的朋友可以参考。欢迎一键三连（点赞、关注、评论）。