element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading ‘‘setAttr

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量2k 收藏
点赞数
分类专栏： elementui 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lmyh1111/article/details/128912669
版权

报错信息：element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')

开发中遇到的问题：项目中的下拉框点开之后再点击其他的空白处发现下拉框没有收起，查看控制台报上面的错误，然后发现项目中有个<el-dropdown>组件没有跟<el-dropdown-menu>配套使用。

解决办法：

把<el-dropdown>与<el-dropdown-menu>配套使用即可，问题即可解决。

报错截图：

 

LMYH1123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
EasyPlayer-element.min.js
07-21
使用EasyPlay制作web播放器的时候使用。
JST-automation:JST（Java + Selenium + TestNG）自动化框架
05-18
JST自动化自动化框架 该自动化框架是由Java + Selenium + TestNG设计的 目录结构 ├──JST-automation | ├── src | | └── main | | | └── java | | | | └── com | | | | | └── action | | | | | | └── case01 | | | | | | └── case02 | | | | | | └── common | | | | | | └── ..... | | | | | └── config | | | | | | └── UserConfig | | | |
ESM - MetaTrader 5脚本.zip
09-13
指标 ESM (Elsig's Shifting Mean) 显示指定时间间隔 (柱线) 内价格的平均偏移。
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 就是module.exports
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
报错 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_50276105的博客
10-05 3万+
1、项目描述：最近接手一个用到了elementu ui库的vue项目，结果在模块的开发中有个问题伴随始终——Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)的错误。
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 6万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
VUE+element UI ：TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_44906497的博客
08-26 1197
2. 不要用这个组件就行。但是却没有它的子组件。
使用element-ui的时候报Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)错误的原因
weixin_52303619的博客
03-07 3185
今天使用elemen-ui的el-dropdown组件的时候报了这个错误，搞了半天才发现是因为我给用来触发这个组件显隐的dom元素添加了条件渲染。 还有就是给每一个el-dropdown-item添加条件渲染的时候也会报这个错误 ...
vue项目控制台报错信息问题记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
Lililiming_的博客
02-20 4289
vue + element-ui 项目控制台报错信息记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)，TypeError: Cannot read properties of undefined (reading ‘label‘)，
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
01-20
Chrome提示： 确定相关JS已经包含在页面中，（用的是MasterPage，二个页面包含的js文件完全相同），排除了js引用路径不正确的问题。 页面上生成的mvcClientValidationMetadata也没问题，但客户端验证就是不起作用。 将MicrosoftAjax.js替换成MicrosoftAjax.debug.js。在Chrome调试工具中看到此异常在Sys.UI.DomElement.getElementById函数中抛出 在394行加个断点，刷新页面，一步步跟踪， 162行，根据ID获取某个DOM对象，在这里看到optionsFormID为null。（Chr
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
关于TypeError: Cannot read properties of undefined (reading ‘length‘)报错的解决方案
A15085336349的博客
07-05 7261
一般出现这种报错，都是因为数据在组件加载时没有找到，你需要去data里面先置一个空值或者空字符串。
element-ui.common.js:2436 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute
weixin_63230513的博客
08-22 462
el-dropdown-item @click.native="$refs.dialog.$data.dialogSortVisible = true" icon="el-icon-sort"> 重新排序5c96:2432 Uncaught TypeError: Cannot read。更多
报错ement-ui.common.js?5c96:22906 [Element Warn][Form]model is required for resetFields to work.
爱吃葡萄的小菠萝
10-22 1万+
使用element-ui时报错element-ui.common.js?5c96:22906 [Element Warn][Form]model is required for resetFields to work. 原因：绑定的model属性可能写成了v-model，这样而且你会发现做校验做不了，因为你没有传正确的model属性过去，所以它们没有收到你输入的值 解决：使用el-form的时候绑...
element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading ‘setAttri
sym_sqc123的博客
09-23 3539
v-if="btnType" 更多 data() { return { btnType: false } }
Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)
菜同学的博客
11-05 2万+
问题描述 在使用 Vue + ElementUI 开发项目的时候 遇到了下拉框option 失去焦点时 不关闭的问题 查找原因 打开控制台之后发现有个报错信息 参考了其他文章之后说是 使用了 el-dropdown 下缺少 el-dropdown-menu 元素 很奇怪，自己的页面明明没有写 el-dropdown 又继续开始百度，答案出奇的一致 突然发现，关闭模态框后，点击其他地方依旧会出现这个报错 原来同事在导航栏的组件里使用了 el-drop-down 注释之后发现就是这里的问题 解决方案 （.
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 652
步骤很详细，直接上教程……
element-ui.common.js:2438 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
09-06
报错信息"element-ui.common.js:2438 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')"通常是由于在使用element-ui组件时出现了问题。根据引用中描述的报错信息，该错误可能是由于未正确使用<el-dropdown>和<el-dropdown-menu>组件所导致的。 参考引用中的问题描述，当点击下拉框之后再点击其他空白处时，下拉框没有收起，同时控制台报错。这可能是因为<el-dropdown>组件没有与<el-dropdown-menu>组件正确配套使用所导致的。 解决这个问题的方法是确保<el-dropdown>和<el-dropdown-menu>组件正确配套使用。这意味着在使用<el-dropdown>组件时需要在其内部使用<el-dropdown-menu>组件来放置下拉框的选项。 使用以下代码示例来配对使用<el-dropdown>和<el-dropdown-menu>组件： ```html <el-dropdown> <span class="el-dropdown-link"> 下拉框 <i class="el-icon-arrow-down el-icon--right"></i> </span> <el-dropdown-menu slot="dropdown"> <!-- 下拉框的选项 --> <el-dropdown-item>Action 1</el-dropdown-item> <el-dropdown-item>Action 2</el-dropdown-item> <el-dropdown-item>Action 3</el-dropdown-item> </el-dropdown-menu> </el-dropdown> ``` 通过以上配对使用<el-dropdown>和<el-dropdown-menu>组件的代码，可以解决报错信息"element-ui.common.js:2438 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')"。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [5c96:2432 Uncaught TypeError: Cannot read properties of null (reading ‘‘setAttr](https://blog.csdn.net/lmyh1111/article/details/128912669)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值