el-checkbox-button 出现点击任意一个导致全选

yusdddd_

于 2022-04-21 05:43:09 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 vue

本文链接：https://blog.youkuaiyun.com/yusdddd_/article/details/124311875

本文探讨了在Vue中使用el-checkbox-button组件时遇到的全选问题，重点在于如何通过将v-model绑定的值设为数组而非字符串，来避免单选框互斥行为。作者分享了解决方案并给出了示例代码片段。

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

el-checkbox-button 出现点击任意一个导致全选

上一次出现情况好像是因为el-checkbox-button里面的v-for导致的，这一次是因为v-model，v-model的值应该是一个数组，不是一个string。应该把v-model里面的值，定义为数组之后再进行绑定。

	                <el-checkbox-group v-model="show_moreChsObject[index1].stu_ans" class="duoChs_ans">
                         <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox-button>
                     </el-checkbox-group>

					show_moreChs.stu_ans=[]