element-ui 不论点击哪里都会都会报错Cannot read property 'forEach' of null

最新推荐文章于 2022-11-28 16:41:24 发布
最新推荐文章于 2022-11-28 16:41:24 发布
阅读量6.3k 收藏
点赞数
文章标签： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoxiaoxiao_lu/article/details/91491100
版权

     当我用了el-dropdown这个标签时，没有用到el-dropdown-menu 甚至是 el-dropdown-item ,可能因为页面每次都会遍历这个下拉菜单但我并没有写下拉子菜单，所以无论任何操作都会报forEach为null，把el-dropdown去掉就可以了。

<el-col :span="12">
    <el-dropdown trigger="hover">
        <span class="el-dropdown-link userinfo-inner" @click="logout">退出登录</span>
    </el-dropdown>
</el-col>
xiaoxiaoxiao_lu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli3.0+element-ui上传组件el-upload的使用
10-17
在Vue.js开发中，Element UI 是一款非常流行的前端UI库，它提供了丰富的组件，使得开发者能够快速构建美观的用户界面。在本篇文章中，我们将详细探讨如何在vue-cli3.0环境中使用Element UI的上传组件el-upload。el-...
vue 报错 cannot read property ‘forEach‘ of null
ZhaojunWang的博客
07-20 1861
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 393
今天使用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.
饿了么框架中el-cascader级联组件“报错TypeError: Cannot read property ‘forEach‘ of null
qq_35629054的博客
09-09 1628
博主近期做项目遇到这么一个问题，一个关于费用项的表格，表格中的每一行中都包含el-cascader这个组件，当我进行插入行操作（arr.splice方法）的时候，总是报错TypeError: Cannot read property ‘forEach’ of null，但是使用push方法在末尾新增行的时候就没有这个问题，两种方式新增的数据是一样的，为什么splice就会报错呢 解决方案：经过排查，是elementui遇到的坑，处理方案是给el-cascader添加一个key值，新增行的时候，对这个值进行+
解决vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
Shids_的博客
07-12 3万+
解决vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
偶遇bug : el-tab点击不生效,无法切换页面
qq_53585425的博客
11-28 5380
容易忽略的小bug
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
在使用element-ui开发Web项目时，经常会遇到一些组件使用上的细节问题，其中element-ui中的下拉多选框组件el-select使用时，如何设置默认值且不可删除，是一个较为常见的需求。本文将详细介绍如何解决这个问题，以及...
详解element-ui中form验证杂记
10-17
在Element-UI中，表单验证是开发过程中不可或缺的一部分，特别是在构建复杂的后台管理系统时。Element-UI 提供了丰富的表单组件以及相应的验证机制，帮助开发者实现高效且友好的用户体验。本文将深入探讨Element-UI...
详解element-ui表格中勾选checkbox，高亮当前行
10-16
本文主要介绍了在使用Element UI库进行Web开发时，如何实现一个表格组件中勾选复选框并高亮当前行的功能。通过详细分析，读者可以了解到在后台管理系统中常见的一种表格操作需求，并且提供了解决这一问题的思路和...
vue element-ui中table合计指定列求和实例
01-18
注意点： 1. <el> 中 加:summary-method=”getSummaries” 2. <el> 中要加 prop ... columns.forEach((column, index) => { if (index === 0) { sums[index] = '总计' } else if (index === 5 || index === 6) {
Cannot read property 'forEach' of undefined
热门推荐
杨楠
12-23 5万+
前言： 最近做前端项目遇到这么一个问题 内容： 看到这个forEach ，你会想到这个是遍历对象用的，因为要遍历对象，而对象恰好又是undefined的，所以就会报这么一个错误，没有属性。 解决思路；在遍历对象之前先进行判断，判断对象是否为空，然后再去遍历该对象，就会成功避免这个问题。  ...
Cannot read property ‘forEach‘ of undefined
ping
05-15 5943
Cannotreadproperty'forEach'ofundefined forEach ，用来遍历对象，如果为undefined，没有属性，就会错误。 解决思路:在遍历对象之前判断对象是否为空，然后再去遍历该对象。 //选择角色 sel_role(item){ this.sel_role_id=item.r_id; this.sel_role_name=item.r_name; //遍历之前检查是否存在，否则会报错：Ca...
《ElementUI 报错》Uncaught TypeError: Cannot read property ‘disabled‘ of null
前端技术
06-27 1259
无意中将 el-dropdown-menu 屏蔽，任意点击页面就报错，引起整个html元素混乱！报了一个很奇怪的错误！ Uncaught TypeError: Cannot read property 'disabled' of null 原来必须要有子项。。。。 <el-dropdown> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon--right"&gt.
vue报错："TypeError: Cannot read property 'forEach' of undefined"
rsancy-BK
09-28 4万+
在vue项目中有一个表格操作需要“获取收藏状态”的方法，其中用到了forEach， 本来还好好的，结果当收藏列表为空时forEach报错了："TypeError: Cannot read property 'forEach' of undefined"  具体代码如下： //获取收藏状态 getSc(items){ // console.log('对比列', this.scExi...
前端出Cannot read property 'forEach' of undefined这个问题
W_O_thing的博客
06-25 1万+
遍历数据列表时出错,解决方法是遍历之前先判断有没有数据. if(xx!==undefined){ xx.foreach(...); }
cannot read property 'forEach' of undefined
weixin_39950595的博客
11-28 4120
遍历数组报错：cannot read property ‘forEach’ of undefined 在遍历之前，判断数组是否存在 $scope.list=[]; //遍历之前，判断数组是否存在 if(!$scope.list){ return; } $scope.list.forEach(function(item,i){ console.log(item); }) ...
前端报错：Cannot read property 'name' of null
qq_34117624的博客
11-03 4万+
问题挺简单的，但是自己愣是花了一段时间才搞出来问题的起因，好菜啊。           *好好的看看问题所在，在去找错，不然会很费时间。 解决：数据库有一条为空的数据，前端没有做封装，无法读取为null的数据。报错，前台加判断，或者数据库改改，前者好吧 page_base_decidedzone.action:93 Uncaught TypeError: Cannot read prope...
vue 中 用foreach 遍历 报错 Cannot read property ‘forEach‘ of undefined“ 为什么
最新发布
05-25
这个错误通常是因为你对一个 `undefined` 或 `null` 的值使用了 `forEach` 方法，而 `forEach` 方法只能用于数组或类数组对象。请确保你在使用 `forEach` 方法之前已经对需要遍历的数组进行了初始化，例如： ```javascript // 定义一个数组 const arr = [1, 2, 3]; // 使用 forEach 遍历数组 arr.forEach(item => { console.log(item); }); ``` 如果你还是遇到了这个错误，请检查一下你的数据是否正确初始化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值