el-checkbox-group报错length的问题

最新推荐文章于 2023-09-20 14:50:58 发布
最新推荐文章于 2023-09-20 14:50:58 发布
阅读量383 收藏
点赞数 2
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69675092/article/details/132237205
版权

正确写法

 <el-checkbox-group v-model="gradeData" size="mini" @change="checkChange">

                <el-checkbox-button  v-for="item in gradeCheckBox" :label="item.value" :key="item.value">{{item.name}}</el-checkbox-button>

              </el-checkbox-group>

定义参数

gradeData:[],

之前错误的写法是把v-model=“form.gradeData”,就导致一直有问题，改了之后就好了

Camilleจุ๊บ
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
elementUI中的el-checkbox-group报错Cannot read property ‘length‘ of undefined
HandsomestLiu的博客
12-07 4202
原代码： template: <el-checkbox-group v-model="formData.bczlChecked" v-for="(item, index) in checkInfo" :key="index" > <el-col :span="24"> <el-for
vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length‘ of null
yxm_136452789的博客
11-03 2052
vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length’ of null。 报错 报错原因 v-model绑定的值在定义的时候有问题，多选框类型应该定义为数组，之前是checkList:null。 <el-checkbox-group v-model="checkList" :disabled="disabled" @change="handleChange($event, re
关于el-checkbox-group 报错 length 未定义
m0_54882260的博客
04-27 435
问题原因：页面在初始化的时候el-checkbox-group 的v-model要绑定一个数组，但是我的在生命周期的created中才为其绑定数据，造成再渲染dom时绑定数据类型不对而报错 解决办法：1.在视图渲染之前给该值赋值为空数组 解决办法： 2 在data中定义的数据初始化一个数组 推荐使用方法2，方法1虽然可以实现但是有点费劲，方法1思路是使用watch监听，加上immedia...
解决：使用elementUI中的el-checkbox遇上Cannot read property ‘length‘ of undefined的错误
elephant_my的博客
02-18 4641
具体报错如下： 报错原因 在data中定义的时候有问题，多选框是数组形式，之前定义的"ruleForm": {"alarmType": undefined}。 多选框的实现代码 <el-form-item label="报警方式" prop="alarmType"> <el-checkbox-group v-model="ruleForm.alarmType"> <el-checkbox v-for="item in alarmTypeDict" :la
el-checkbox-group 使用遇到的坑
qq_41957192的博客
11-24 3353
想实现的功能 el-checkbox-group 多选、表单验证必选 <!-- 报错代码 --> <el-dialog title="配置详情" width="395px" center > <el-form :model="configInfo" id="form" ref="form" :rules="rules" size="small" label-position="right" label-width="120px" &gt.
nested_el-checkbox:element-ui的el-checkbox实现嵌套多选，单选
05-12
nested_el-checkbox element-ui的el-checkbox实现嵌套多选，单选 tips:chrome获取本地json数据时会产生跨域问题，建议用firefox直接打开 效果图 主要功能： 实现多选框层级嵌套 当选中一个二级子菜单的时候，其对应...
Vue动态生成el-checkbox点击无法赋值的解决方法
10-17
主要给大家介绍了关于Vue动态生成el-checkbox点击无法赋值的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
react-checkbox-tree:一个简单而优雅的React复选框树
05-12
React复选框树 一个简单优雅的复选框树，用于... node_modules/react-checkbox-tree/src/less/react-checkbox-tree.less node_modules/react-checkbox-tree/src/scss/react-checkbox-tree.scss 在样式表中包含以
element-ui CheckBox全选.txt
12-24
vue配合element-ui框架中el-checkbox 接收json"data:[{key:1,name:'小李'}]"对象时全选与非全选时获取相关设定的值源码文件
关于element-ui中，checkbox绑定数组报错
ly1477868382的博客
12-03 1103
报错：vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read properties of null (reading 'length')绑定的是数组，不能用null代替。
element-ui的el-checkbox-group回显失败，尝试多种办法，最终解决
weixin_46190955的博客
05-28 6524
最近几天适用vue-cli3.x结合element-ui做后台管理发现编辑时el-checkbox-group回显不了，并且要点击两次才能选择，在网上搜索，没有见到什么解决办法，就自己在哪里瞎琢磨，最后发现问题就是在提交和返回的数据这里 我跟后台约定提交什么，还返回什么，可是实际返回的数据却无法渲染，最后使用遍历的方式从多选框的数据源取出了对应的数据，然后用这些数据渲染就可以正常显示了 我提交的格式是[{id:1,name:‘一口价’},{id:2,name:‘拍卖’}],就是选择了什么就提交什么，并不是取
单个checkbox无length属性的问题
dieya9669的博客
10-04 312
淘宝前端开发工程师Tcer在单个checkbox类型的input没有length属性的解决上非得变个法子也要取得它的length，这点真的想不通，请看下面的代码： var formItem=document.forms['form']; var formElms=formItem.elements; var l=formElms.length; while(l--) {...
checkbox的length问题
YANGYANG111310的专栏
12-08 1383
今天在做选择页面的时候,当页面里面只有一条记录,只有一个CHECKBOX时,获取CHECKBOX的LENGTH一直报UNDEFIND错误 JavaScript的checkbox框架可以如下使用: 在js中: for(var i=0;i  if(document.list.no[i].checked){   allvalue +=document.list.no
使用element-ui的checkbox插件报错vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘length‘ of un
qq_38502227的博客
11-12 3858
前言：刚好遇到这个问题，亲测有效 1.完整报错信息 2.解决 在使用el-checkbox-group组件的时候，一定要为其指定一个数组来存放多选框组的值，不然就会报这个错。
使用element-ui的checkbox插件报错vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property 'length' of un
i++;
03-31 8504
1.完整报错信息 2.解决 在使用el-checkbox-group组件的时候，一定要为其指定一个数组来存放多选框组的值，不然就会报这个错。
elementUI中的el-checkbox报错Cannot read property ‘length‘ of undefined
热门推荐
weixin_38547641的博客
09-01 1万+
在使用el-checkbox时遇上这样的错误： TypeError: Cannot read property ‘length’ of undefined at VueComponent.isLimitDisabled (element-ui.common.js?ccbf:6452) at Watcher.get (vue.esm.js?efeb:4482) at Watcher.evaluate (vue.esm.js?efeb:4587) at VueComponent.computedGetter [
element ui 使用checkbox（多选框）遇到的问题总结
xiaomanonyo的博客
01-21 5706
功能就是这样 多选 遇到的问题有两个： 第一个是编辑的时候获取数据，checkbox没有被选中； 第二个是 编辑的时候，取消选择之后，数据还是提交给后端了（这个问题和第一个问题是相关联的） 第一个问题，返回了数据，checkbox没有被选中（这个问题怪我自己没有仔细看文档） 当后端返回数据之后，要通过设置checked属性，来手动设置复选框的选中状态，像下面这样 第二个问题取消选择之后，数据还是提交给后端了 因为第一个问题，设置了checked的状态之后，如果是t...
vue 动态生成 el-checkbox-group 遇到的v-model绑定问题记录
qq_38405436的博客
09-20 2116
正如标题说的，这次遇到的问题与el-checkbox-group 有关，这次要实现的功能是要为用户分配角色，并且根据角色分配对应模块的操作权限（增、删、改、查、审等等），还有就是回显已分配用户对应模块的操作权限。好了，问题就出现在回显这！好久没有记录新内容了，主要项目时间有点赶，还有电脑太卡了~~~8小时上班时间，等电脑缓冲都要等2个多小时，还是入手一台新的吧，老朋友该退休了！代码水平就那样了 ，欢迎各位大佬指正和提供宝贵的意见，小弟在此跪谢了~~~刚开始的时候还在created。
Vue 动态生成 el-checkbox-group 遇到的v-model双向数据绑定问题及解决方法
dearyang
06-03 5839
在制作一个根据props传入值来动态生成未知个数的el-checkbox-group时: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <t
el-checkbox-group报错TypeError: Cannot read properties of undefined (reading 'length')
最新发布
04-04
报错"TypeError: Cannot read properties of undefined (reading 'length')"通常是因为在使用el-checkbox-group时，传入的数据源（即选项列表）为undefined或者没有正确设置。 要解决这个问题，你可以按照以下步骤...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值