vue + element checkbox-group 点击一个所有全部选中了

王博wangbo

于 2020-05-13 22:37:55 发布

阅读量5.3k

点赞数 2

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_41832017/article/details/106108609

版权

vue 专栏收录该内容

12 篇文章

订阅专栏

本文探讨在业务开发中使用 checkbox-group 组件时遇到的问题，即点击一个选项导致所有选项被选中。分析原因并提供正确使用示例，确保 v-model 绑定的变量为数组类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题： 在业务开发中，使用了checkbox-group组件，发现点击其中的一个选项后，所有数据都被选中了。
原因： checkbox-group元素能把多个 checkbox 管理为一组，只需要在使用v-model绑定Array类型的变量即可。

<template>
  <el-checkbox-group v-model="checkList">
    <el-checkbox  v-for="(item, index) in typeList" :key="index" :label="item.value">{{item.name}}</el-checkbox>
  </el-checkbox-group>
</template>
<script>
  export default {
    data () {
      return {
        checkList: []， // 特别注意，绑定的值一定要是数组类型
        typeList: []
      };
    }
};