使用elementUI中的el-checkbox报Cannot read property ‘length‘ of undefined

最新推荐文章于 2023-08-11 17:35:49 发布
原创 最新推荐文章于 2023-08-11 17:35:49 发布 · 951 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java

本文探讨了在Vue.js框架中使用v-model时遇到的问题，特别是当与自定义属性结合时如何避免错误。通过实例说明如何正确配置组件的属性与响应式数据，确保表单控件能够正常工作。

报错：
在这里插入图片描述
官网的代码实现：
在这里插入图片描述
我的代码是在vue中的定义了 v-model 的值是 form.checkedCities的原因

v-model="from.checkedCities" @change="handleCheckedCitiesChange">

如果这样写的话，就要把官网在return中定义的checkedCities: [‘上海’, ‘北京’]定义到from中就不会报错了

使用elementUI中的el-checkbox遇上Cannot read property ‘length‘ of undefined错误应该怎么办？
luoteen的博客
03-02 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...
el-checkbox-group报错TypeError: Cannot read properties of undefined (reading ‘length‘)
qq_56146313的博客
04-27 946
解决el-checkbox-group报错Cannot read property ‘length‘ of undefined
element ui 的 checkbox组件报错 Cannot read properties of undefined (reading ‘length‘)
jkhemm的博客
06-06 3412
v-model 的 初始化数组没写
el-checkbox-group报错length的问题
weixin_69675092的博客
08-11 739
之前错误的写法是把v-model=“form.gradeData”,就导致一直有问题，改了之后就好了。
使用element-ui的checkbox插件报错vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘length‘ of un
qq_38502227的博客
11-12 4026
前言：刚好遇到这个问题，亲测有效 1.完整报错信息 2.解决 在使用el-checkbox-group组件的时候，一定要为其指定一个数组来存放多选框组的值，不然就会报这个错。
使用element中的复选框，报错“ Cannot read properties of undefined (reading ‘length‘)”
熬夜搬码员的博客
04-04 1932
但在项目中使用element框架中的复选框的时候，明明有数据却报错“ Cannot read properties of undefined (reading 'length')”，仔细观察后才发现，是因为复选框初始化的时候v-model绑定的是undefined，所以初始化的时候给个数组就好了。
el-checkbox-group TypeError: Cannot read properties of undefined (reading 'length')
09-02
- *2* *3* [elementUI中的el-checkbox-group报错Cannot read property ‘length‘ of undefined](https://blog.youkuaiyun.com/HandsomestLiu/article/details/110821804)[target="_blank" data-report-click={"spm":"1018...
typeerror cannot read property length of null
09-05
我们正在处理一个常见的JavaScript错误：TypeError: Cannot read property 'length' of null 根据提供的引用，这个错误通常发生在尝试访问null值的length属性时。因为null没有length属性（length是数组或字符串等...
[渲染层错误] TypeError: Cannot read property 'length' of undefined
最新发布
11-27
根据引用内容，用户遇到了“TypeError: Cannot read property 'length' of undefined”错误，这是一个常见的JavaScript错误，通常发生在尝试访问一个未定义（undefined）变量的length属性时。以下将结合引用内容，...
TypeError: Cannot read property 'length' of null
10-23
首先，用户查询的是“解决TypeError: Cannot read property 'length' of null错误的方法”。从提供的引用中，这个错误通常发生在尝试访问null值的length属性时，因为null没有length属性。 关键引用： - 引用[3]：...
checkedNodes.filter(node => !node.children || node.children.length === 0);报错Cannot read property 'filter' of undefined
07-01
在 Vue.js 应用中，当调用 `checkedNodes.filter` 时出现 `'Cannot read property 'filter' of undefined'` 错误，说明 `checkedNodes` 是 `undefined`，即未定义或未正确传入数据。该问题通常出现在以下几种情况： ...
关于el-checkbox-group 报错 length 未定义
m0_54882260的博客
04-27 821
问题原因：页面在初始化的时候el-checkbox-group 的v-model要绑定一个数组，但是我的在生命周期的created中才为其绑定数据，造成再渲染dom时绑定数据类型不对而报错 解决办法：1.在视图渲染之前给该值赋值为空数组 解决办法： 2 在data中定义的数据初始化一个数组 推荐使用方法2，方法1虽然可以实现但是有点费劲，方法1思路是使用watch监听，加上immedia...
elementui form表单控件选择不能触发check
u013306050的博客
04-19 306
今天碰到一个vue坑，vue form表单单选控件与多选选控件点击时不能触发check,后来发现是因为初始化绑定moduel对象是，没有把每一个属性声明默认值只声明一个最外层空对象导致。 做个记录
elementUI中的el-checkbox-group报错Cannot read property ‘length‘ of undefined
HandsomestLiu的博客
12-07 4625
原代码： template: <el-checkbox-group v-model="formData.bczlChecked" v-for="(item, index) in checkInfo" :key="index" > <el-col :span="24"> <el-for
checkbox动态绑定数据（无法绑定问题）报length错误
weixin_55029563的博客
03-21 3560
最近在使用vue开发考试系统时，前端遇到了这样一个问题。 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'length')" <!-- 把值绑定到存放id和答案对应的关系对象的一个属性--> <el-radio-group v-model="studentAnswers[question.id]" > <!--循环遍历所有选项 -->
vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length‘ of null
yxm_136452789的博客
11-03 2426
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的一些坑
weixin_62389404的博客
03-18 1150
最近在优化公司老项目时，碰到一个关于el-checkbox-group的坑，与大家分享一下。 代码如下： 遍历展示周一到周日也试过，都不生效。 过程就不细说了，直接上结果： 之前的同事重置了ruleForm中的数据，但是remindWeekday是我后加的属性，没有被更新，因此相当于我的el-checkbox-group没有绑定数据，所以无法生效。 我的解决办法是直接将remindWeekday数组（注意这里绑定的必须是数组）写在data的第一层，这样就可以了。 ...
解决：vue报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“
热门推荐
weixin_50261167的博客
04-19 1万+
vue报错，Cannot read properties of undefined (reading 'length')" 解决方案
关于element-ui中，checkbox绑定数组报错
ly1477868382的博客
12-03 1351
报错：vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read properties of null (reading 'length')绑定的是数组，不能用null代替。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值