<el-checkbox-group v-model="needRadio"> <el-checkbox label="1">需要转场</el-checkbox> <el-checkbox label="2">需要还箱</el-checkbox> </el-checkbox-group>为啥needRadio的值为[1],但是需要转场没有勾选上
时间: 2024-03-31 16:34:09 浏览: 22
在 Element UI 中,`<el-checkbox-group>` 组件的 `v-model` 绑定的是一个数组,数组中的元素表示哪些多选框被选中了。而多选框的 `label` 属性则表示该多选框的值,当该多选框被选中时,该值会被加入 `v-model` 绑定的数组中。
因此,当 `needRadio` 的值为 `[1]` 时,说明 label 值为 1 的多选框被选中了,而 label 值为 2 的多选框没有被选中。这也就是为什么“需要转场”没有被勾选上的原因。
需要注意的是,`<el-checkbox-group>` 组件的 `v-model` 绑定的是一个数组,该数组中的元素顺序与多选框在界面中出现的顺序无关。只有多选框的 `label` 值与数组中的元素值相等时,该多选框才会被视为被选中。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)