Element Checkbox 多选框点击一个导致全选

最新推荐文章于 2024-04-09 18:30:00 发布

奶guy

最新推荐文章于 2024-04-09 18:30:00 发布

阅读量3.4k

点赞数 4

分类专栏：没人看自己看系列文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/qq_43517774/article/details/121159182

版权

当点击Element UI的Checkbox时，出现全选现象，原因是后端返回的数据为字符串而非预期的数组。解决方法是将接收到的字符串转换为数组，确保与Checkbox绑定值的类型匹配，从而避免全选错误。

摘要由CSDN通过智能技术生成

问题复现：

点击一个框的时候，所有框都被选中
调取后端接口，值未被读取

想要实现的样子：

代码：
vue的template部分

<el-form-item label="录像类型" prop="videoType">
          <el-checkbox-group v-model="ruleForm.videoType" prop="videoType">
            <el-checkbox label="1" name="videoType" >平台录像</el-checkbox>
            <el-checkbox label="2" name="videoType" >设备录像</el-checkbox

最低0.47元/天解锁文章

奶guy

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Element Checkbox 多选框点击一个导致全选

问题复现：点击一个框的时候，所有框都被选中调取后端接口，值未被读取想要实现的样子：代码：vue的template部分<el-form-item label="录像类型" prop="videoType"> <el-checkbox-group v-model="ruleForm.videoType" prop="videoType"> <el-checkbox label="1" name="videoType"
复制链接

扫一扫

专栏目录