美文网首页
Element-ui el-checkbox-group 多选限

Element-ui el-checkbox-group 多选限

作者: 醉笙情丶浮生梦 | 来源:发表于2019-04-12 11:06 被阅读0次

通过 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();
  }
}

相关文章

网友评论

      本文标题:Element-ui el-checkbox-group 多选限

      本文链接:https://www.haomeiwen.com/subject/iuwqwqtx.html