elementUI中el-checkbox-group多选框出现点击全选全取消的问题

Posted 2023-04-27

参考技术A 开发中遇到了一个问题，就是在data中初始定义的temp中devicetype是数组形式，el-checkbox-group中v-model绑定了数组，

但是还是在点击的时候全选全取消，打印了一下change方法中的val，发现打印的是true和false。那肯定是绑定的数据格式出了问题。

原来在页面初始化加载的时候会对数据做一些处理，所以在这些处理函数中也要把对应的数据设置为数组形式。

elementui添加代码

要添加Element UI代码，请参考以下步骤：
1. 安装Element UI：npm install element-ui --save
2. 将Element UI组件导入到项目中：import ElementUI from 'element-ui'
3. 注册Element UI组件：Vue.use(ElementUI)
4. 在.vue文件中使用Element UI：<el-button type="primary">Hello Element</el-button> 参考技术A ElementUI是Vue.js的用户界面组件库，使用它可以快速构建和使用基于Vue的项目。添加代码时需要安装ElementUI，然后在需要添加的文件中引用相应的组件即可。