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();
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 5,450评论 0 9
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,144评论 1 32
  • feisky云计算、虚拟化与Linux技术笔记posts - 1014, comments - 298, trac...
    不排版阅读 3,923评论 0 5
  • 291976-陈国艳《2017-06-17》 【连续第126天总结】 A、目标完成情况 1、抄写概念一遍完成100...
    国艳更文的365天阅读 357评论 0 0
  • 会选择夏天 或是 临秋之际 夏天在傍晚出门 开去 把草原横纵相接的油柏路 把车窗都打开 我也许会经过一条河 河面倒...
    酒了阅读 215评论 0 1