el-checkbox获取选中的value,el-checkbox默认选中
本文主要介绍el-checkbox-group选择后值为真和假时的坑和解决方法。有很好的参考价值,希望对大家有所帮助。如有错误或不足之处,请不吝赐教。
目录
El-checkbox-group单击pit元素ui的El-checkbox-group中的一个复选标记,选择后显示true和false值。问题的原因是
el-checkbox-group选中后值为true和false的坑
使用el-checkbox-group设置复选框组时,会遇到设置的标签值不显示的情况,点击一个选项后,所有值都会被选中。
因为定义绑定值时格式有问题。
p检查表:{{ checkList }}/p
el-checkbox-group v-model=清单
El-checkbox label= checkbox A /El-checkbox
El-checkbox标签=复选框B/el-checkbox
El-复选框标签=复选框C /El-复选框
/el-checkbox-group
如果清单被分配给[],则选定的结果将是一个数组。如果此时将checkList:赋值给一个字符串,就会出现上述问题。
!声明文档类型
超文本标记语言
头
meta charset=utf-8
TitleVue测试用例-菜鸟教程(runoob.com)/title
script src= https://UNP kg . com/vue/dist/vue . js /script
!-介绍风格-
link rel= style sheet href= https://un pkg . com/element-ui/lib/theme-chalk/index . CSS rel= external no follow
!-介绍组件库-
script src= https://UNP kg . com/element-ui/lib/index . js /script
/头
身体
div id=应用程序
p检查表:{{ checkList }}/p
el-checkbox-group v-model=清单
El-checkbox label= checkbox A /El-checkbox
El-checkbox标签=复选框B/el-checkbox
El-复选框标签=复选框C /El-复选框
/el-checkbox-group
pcheckListBloone:{ { checkListBloone } }/p
El-checkbox-group v-model= checkListBloone
el-checkbox标签=1/el-checkbox
el-checkbox标签=2/el-checkbox
el-checkbox标签=3/el-checkbox
/el-checkbox-group
/div
脚本
新Vue({
埃尔: #app ,
数据:{
清单:[],
检查列表块:“”
}
})
/脚本
/body
/html
element ui中el-checkbox-group点击一个全部选中问题
原因是
checkbox-group中的v-mode应该是一个单独的array对象,不能用作form对象。它是规则表单中的属性值。提交表单时,只需处理数组对象,并将其赋给ruleForm表单对象即可!
出现这个问题的原因是ruleForm中v-modle的数组属性的类型在其他代码中被更改了,但当时没有发现。后来通过筛选发现了,所以checkbox-group中的v-modle可以直接使用ruleForm中的属性,但是要注意必须是数组,不能更改。
如果真的要转换,可以在v-modle中分离数组!
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。