Element-ui el-checkbox-group 多选限

通过 max 限制只能选一个的话会 先取消上一个才能 选择另外一个

<el-checkbox-group v-model="userList" @change="groupChange">
  <el-checkbox
    v-for="(item, index) in user"
    :key="item"
    :label="index"
    class="checkbox-div"
  >{{item}}</el-checkbox>
</el-checkbox-group>

data 数据

userList: [0],
user: ["User 1", "User 2"],

groupChange() {
  console.log("变化", this.userList);
  if (this.userList.length > 1) {
    this.userList.shift();
  }
}