饿了么框架中el-cascader级联组件“报错TypeError: Cannot read property ‘forEach‘ of null

最新推荐文章于 2023-11-09 15:56:21 发布
最新推荐文章于 2023-11-09 15:56:21 发布
阅读量1.5k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35629054/article/details/108483196
版权

博主近期做项目遇到这么一个问题，一个关于费用项的表格，表格中的每一行中都包含el-cascader这个组件，当我进行插入行操作（arr.splice方法）的时候，总是报错TypeError: Cannot read property ‘forEach’ of null，但是使用push方法在末尾新增行的时候就没有这个问题，两种方式新增的数据是一样的，为什么splice就会报错呢
解决方案：经过排查，是elementui遇到的坑，处理方案是给el-cascader添加一个key值，新增行的时候，对这个值进行++操作

在这里插入图片描述

在这里插入图片描述

尼古拉斯二嘎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 报错 cannot read property ‘forEach‘ of null
ZhaojunWang的博客
07-20 1846
vue报错 “cannot read property ‘forEach’ of null” 是因为后台给我返的是null，而我需要的是一个数组 解决方法： 做了个三元表达式判断，如果res.content === null ? [] : res.content
gulp-px2rem-plugin报错Cannot read property ‘forEach‘ of null
codecat_yi的博客
03-21 382
今天使用gulp-less+gulp-px2rem-plugin报了错，经测试后发现， 原因是我其中一个less文件编译的css为空（全是less函数也为空），使得gulp-px2rem-plugin报错（write callback called multiple times或者Cannot read property ‘forEach’ of null） 解决办法： 在gulp-px2rem-plugin源码index.js文件中26行加入空判断：array_style && arr.
element-ui 不论点击哪里都会都会报错Cannot read property 'forEach' of null
xiaoxiaoxiao_lu的博客
06-12 6371
当我用了el-dropdown这个标签时，没有用到el-dropdown-menu 甚至是 el-dropdown-item ,可能因为页面每次都会遍历这个下拉菜单但我并没有写下拉子菜单，所以无论任何操作都会报forEach为null，把el-dropdown去掉就可以了。 <el-col :span="12"> <el-dropdown trigger="...
解决vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
热门推荐
Shids_的博客
07-12 3万+
解决vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
React渲染不出来，并且报错Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
weixin_45522704的博客
01-27 912
代码正常，但渲染的时候报错 Uncaught TypeError: Cannot read property ‘forEach’ of undefined 解决方法： 先打开你的浏览器插件 然后找到React Developer Tools 就这个东西 关掉它 然后正常了 是不是很惊喜。。。。。。 浪费了我一天时间，真坑的一插件 ...
使用element中el-cascader级联选择器：实现省市区街道筛选、动态懒加载以及回显
最新发布
12-22
全国省市区街道的json数据
uniapp-cascader
11-14
基于uniapp 开发的级联选择器，支持h5和小程序，支持配置选择样式、支持配置两级和三级，支持配置单选和多选
elp-cascader:基于'element-ui'和'vue-virtual-scroller'的Vue组件
05-28
elp-cascader Cascader based on 'element-ui' and 'vue-virtual-scroller'@vueblocks/elp-cascader基于element-ui和vue-virtual-scroller的级联选择器，用虚拟列表的方式逐级渲染列表。适用于数据量较大的场景。...
react-native-picker-cascader：在Android和IOS本机中开发的Picker select级联器下拉列表
02-03
React本机选择器级联器安装npm install --save react-native-picker-cascader如何使用import PickerCascader from 'react-native-picker-cascader';<PickerCascader style={{ padding: 10 }} data={[ { key: '1',...
react-cascader-infinite:无限级联
05-30
React级联无限 使用 const handleOnchange = ( selected , value ) => { console . log ( selected , value ) } `` ` ## clone到本地运行 ` `` js npm install npm start `` `
报错：TypeError: Cannot read property ‘forEach‘ of undefined“
ooxiaoyezi的博客
01-20 2067
数组未定义或者不存在 遍历的对象为空 进入循环前写判断 if(!this.alldata.Groups){ return; }
el-cascader回显数据删除出现错误
干脆来碗面的博客
04-28 1184
el-cascader回显开启多选,开启tag 导致的删除出现错误 具体配置 开启多选 开启tag 开启可删除 开启只显示末级 错误描述 当我根据后台数据回显后, 点击删除A 其实删除的确实B 解决方法 由于顺序错误的问题导致的, 回显顺序和数据源顺序不一样 <el-cascader ref="cascader" style="width: 100%" v-model="cascaderData" :options="
vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
weixin_44021888的博客
02-02 4290
vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
使用elementUI 的 el-cascader 报错 TypeError: Cannot read property ‘level‘ of null“ 的解决办法
轻风细雨_林木木
01-14 2828
参考：https://www.cnblogs.com/vickyzhang/p/13589124.html 前言：在使用element-ui 的 层级选择器中，要求动态改变层级选择器的下拉数据，当替换下拉的option值的时候，如果层级选择器中有选中值，那就会报错error.js?c738:16 TypeError: Cannot read property 'level' of null 根据报错信息，发现cascader在选中项的绑定值checkedValue和点击的父节点activePath .
el-cascader报错解决，TypeError: Cannot read property ‘level‘ of null TypeError
xiaoqingqing的博客
11-20 1873
一、场景描述：项目中使用到了elementUI的el-cascader组件，先一次获取所有数据，根据不同类型，级联选择器加载对应数据。 <!-- 单选框 --> <el-radio-group v-model="regionType"> <el-radio v-for="item in regionTypes" :label="item.label" :key="item.label">{{item.text}}&lt
TypeError: Cannot read properties of null (reading ‘level‘)
SunshineGGB的博客
11-09 1268
1、一个下拉框组件的更新由另一个下拉框组件控制被动更新列表，子级下拉框的值是由父级下拉框的值调用接口获取，每次父级下拉框值的改变都会改变子级下拉框的数据源也就是会改变子级下拉框的options，切换后之前的父级节点找不到就会报了这个错，父级节点不改变(即不切换)的话不会报错
【cascader出现的报错】Error in callback for watcher “options“: “TypeError: Cannot read properties of null
m0_50125215的博客
02-14 6178
动态cascader级联选择器 动态cascader级联选择器，发现切换数据源的时候报错，网上看到这个文章完美解决https://blog.csdn.net/weixin_43043994/article/details/100303097 问题怎么出现的上面文章写的很清楚，解决方法就是重新加载组件。两个方法一个加v-if,一个加key <el-cascader :key="keyValue" //keyValue在data中定义，初始值为0 clearable :props=".
前端Error in v-on handler: “TypeError: Cannot read properties of null (reading ‘0‘)错误
Leonnnn2020的博客
06-10 1620
DateTimePicker时间选择组件, 清空按钮功能实现
vue报错：“TypeError: Cannot read property ‘forEach‘ of undefined“
m0_46588330的博客
09-26 1623
报错原因：forEach是对数组的遍历 收藏文章，当我收藏文章内容为空的时候，报'forEach' of undefined"， 这时候就需要给它加判断 ，当文章内容的数组存在的时候才需要遍历 我是这么做的 //如果res.data存在才会继续往后走，不然就停止 res.data&&res.data.forEach(item => { item.image = config....
vue 级联选择器 TypeError: Cannot read properties of null (reading 'level')报错
09-14
根据提供的引用内容，出现报错"TypeError: Cannot read properties of null (reading 'level')"是由于在Vue级联选择器中尝试读取一个为空的属性'level'导致的。根据另一个引用，这个错误可能是由于当options变化时，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值