element-ui的下拉框报错：Cannot read properties of null (reading ‘disabled‘)

已于 2024-12-02 17:53:45 修改
阅读量399 收藏
点赞数 2
文章标签： vue.js 前端 javascript
于 2024-12-02 17:52:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39293316/article/details/144194511
版权

在使用element下拉框时，下拉框option必须点击输入框才关闭，点击其他地方报错：Cannot read properties of null (reading 'disabled')

造成报错原因：项目中使用了el-dropdown组件，但是在el-dropdown里面没有定义el-dropdown-menu

解决方法：去掉el-dropdown标签，或者在el-dropdown里面添加el-dropdown-menu

element-ui更新到新版本后报错：“TypeError: Cannot read property ‘reduce‘ of null“的原因及解决办法
qq_39678607的博客
05-13 2986
报错截图如下： 先直接上问题出现的原因及处理方式 页面内使用了：<el-table :data=“dataList”>表格组件，并且绑定的data数据dataList默认值设置成了null，而data数据本质是数组，新版本element-ui不支持而报错（疑似表格组件出现Bug，可查看下面的分析总结）， 因此需要将data默认绑定值设置为空数组，如：dataList:[ ]，问题就处理了！ 问题出现的背景： 最近公司项目中添加新需求，项目中需要使用到element-ui的一些新特性，而项
Uncaught TypeError Cannot read properties of null (reading ‘disabled‘)
shuux666的博客
03-03 4574
问题描述 在使用 Vue + ElementUI 开发项目的时候 遇到了下拉框option 失去焦点时 不关闭的问题 查找原因 打开控制台之后发现有个报错信息 参考了其他文章之后说是 使用了 el-dropdown 下缺少 el-dropdown-menu 元素 很奇怪，自己的页面明明没有写 el-dropdown 又继续开始百度，答案出奇的一致 突然发现，关闭模态框后，点击其他地方依旧会出现这个报错 原来同事在导航栏的组件里使用了 el-drop-down 注释之后发现就是这里的问题 解决方案 （.
使用EelementUI时出现Uncaught TypeError: Cannot read property 'disabled' of null报错
qq_37561833的博客
01-15 2305
报错截图： 使用ElementUI构建页面的时候，点击侧边栏组件时候浏览器控制台一直报这个错误，但是侧边栏功能也很正常，后来网上查了好久，原来是因为我的导航栏组件中使用了el-dropdown这个组件，而我在用户没有登录的时候并没有给这个组件添加el-dropdown-menu子组件导致报错的。 错误代码截图 改正后截图 ...
Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)错误修复
最新发布
mcy394168607的博客
04-08 472
在原来的element.ui.common.js源文件里找到hide这个方法添加一行if (!省流：在element.ui.common.js中找到hide这个方法在第一行添加if (!是正确的防御性编程方式，理论上应该能防止报错啊。自己琢磨了半天想不通问题在哪，ok直接问deepseek。点进去报错信息一看，哦原来是element.ui.common.js源文件里面没做非空判断。没问题啊，我使用可选链操作符。哎，这题我会，直接在triggerElm后面加个?有几种解决方案，我选了个最简单的。
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 注释之后发现就是这里的问题 解决方案 （.
报错 Cannot read properties of null (reading ‘disabled‘)
qq_31594665的博客
11-07 610
方法一：代码里全局搜索 el-dropdown ，el-dropdown下缺少 el-dropdown-menu 元素，如果元素上有 v-if 改成 v-show；网上搜索解决方案，发现是下拉Select 和时间选择器DataPicker或者其他组件。方法二：使用 v-else 来让他展示，然后使用 display: none;
element-ui.common.js2353 Uncaught TypeError Cannot read properties of null (reading ‘disabled‘)
李白
03-03 811
这个是由于使用 element-ui 的Dropdown 下拉菜单 遇到这个错误一定要仔细排查自己的代码 el-dropdown el-dropdown-menu el-dropdown-item 这三个缺一不可 仔细排查是不是中间的 el-dropdown-menu el-dropdown-item 没有写 如果是多人开发，自己的部分没有问题，一定就是你的小伙伴哪里写错了。 ps：踩坑，找了一上午。哭死 ...
element-ui.common.js:2353 Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)
qq_43983650的博客
09-06 3万+
这个是由于使用 element-ui 的Dropdown 下拉菜单 遇到这个错误一定要仔细排查自己的代码 el-dropdown el-dropdown-menu el-dropdown-item 这三个缺一不可 仔细排查是不是中间的 el-dropdown-menu el-dropdown-item 没有写 如果是多人开发，自己的部分没有问题，一定就是你的小伙伴哪里写错了。 ps：踩坑，找了一上午。哭死 ...
解决 Cannot read properties of null (reading ‘disabled‘)报错
无理. 的博客
10-14 7155
在Vue + elementUI 后台项目里遇到了一个问题，所有模块的的下拉Select 和时间选择器DataPicker (可能还有其他组件) ，在选择后点击页面其他地方都不会自己收起。打开控制台会发现报错了，每点击一次，错误+1.代码里全局搜索 el-dropdown ，el-dropdown下缺少 el-dropdown-menu 元素，如果元素上有 v-if 改成 v-show。
VUE ElementUI Cannot read property ‘disabled‘ of null 报错
qq_17627195的博客
06-08 585
报错信息： 原因： 因为在页面中使用了el-dropdown，但是在这个标签里面没有设置它的子元素 解决方法： 在el-dropdown中添加el-dropdown-menu标签，不需要内容的话，直接光添加<el-dropdown-menu></el-dropdown-menu>即可 ...
Cannot read properties of null (reading ‘disabled‘)
Y4258的博客
02-23 977
Cannot read properties of null (reading 'disabled')
Cannot read properties of null (reading ‘setAttribute‘)TypeError: Cannot read properties of null (r
鲨鱼亲吻小鹿的博客
03-31 541
Cannot read properties of null (reading 'setAttribute') TypeError: Cannot read properties of null (reading 'setAttribute')
使用EelementUI时出错Uncaught TypeError: Cannot read property 'disabled' of null
前端小王子
11-23 2498
这个是因为在页面中使用了el-dropdown，但是在这个标签里面没有设置它的子元素，所以会报错，在el-dropdown中添加el-dropdown-menu标签就好
《ElementUI 报错》Uncaught TypeError: Cannot read property ‘disabled‘ of null
前端技术
06-27 1331
无意中将 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.
报错 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‘)的错误。
使用ELEMENT-UI时前端报错：Uncaught TypeError: Cannot read property 'disabled' of null
weixin_46429258的博客
03-20 1311
项目运行正常，控制台报错。 原因：‘el-dropdown’没有写全套。。。 <el-dropdown> <span> 张三三 <i class="el-icon-arrow-down el-icon--right" /> </span&gt...
使用element-ui的时候报Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)错误的原因
weixin_52303619的博客
03-07 3403
今天使用elemen-ui的el-dropdown组件的时候报了这个错误，搞了半天才发现是因为我给用来触发这个组件显隐的dom元素添加了条件渲染。 还有就是给每一个el-dropdown-item添加条件渲染的时候也会报这个错误 ...
Uncaught TypeError: Carnot read properties of null (reading ‘disabled‘) at VueComponent.hide
qq_42816270的博客
04-27 387
Uncaught TypeError: Carnot read properties of null (reading ‘disabled‘) at VueComponent.hide
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 ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值