解决 Cannot read properties of null (reading ‘disabled‘)报错

已于 2022-10-14 17:21:46 修改
阅读量6.4k 收藏 1
点赞数 14
分类专栏： 遇到的坑 文章标签： vue.js javascript 前端
于 2022-10-14 17:16:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45609127/article/details/127323680
版权

解决 Cannot read properties of null （reading 'disabled'）报错

起因

在Vue + elementUI 后台项目里遇到了一个问题，所有模块的的下拉Select 和时间选择器DataPicker (可能还有其他组件) ，在选择后点击页面其他地方都不会自己收起。打开控制台会发现报错了，每点击一次，错误+1.
报错截图

解决

代码里全局搜索 el-dropdown ，el-dropdown下缺少 el-dropdown-menu 元素，如果元素上有 v-if 改成 v-show
在这里插入图片描述

404not~found
关注
  • 14
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
Uncaught TypeError: Cannot read properties of null (reading ‘isCE‘)
to_the_Future的博客
06-18 310
使用加vue3开发项目，本地启动项目正常，但其他人将代码拉下来，启动项目时报错。
报错 Cannot read properties of null (reading ‘disabled‘)
qq_31594665的博客
11-07 397
方法一：代码里全局搜索 el-dropdown ，el-dropdown下缺少 el-dropdown-menu 元素，如果元素上有 v-if 改成 v-show；网上搜索解决方案，发现是下拉Select 和时间选择器DataPicker或者其他组件。方法二：使用 v-else 来让他展示，然后使用 display: none;
Cannot read properties of null (reading ‘disabled‘)
Y4258的博客
02-23 861
Cannot read properties of null (reading 'disabled')
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 8万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
Uncaught TypeError Cannot read properties of null (reading ‘disabled‘)
m0_67392811的博客
03-08 1776
问题描述 在使用 Vue + ElementUI 开发项目的时候 遇到了下拉框option 失去焦点时 不关闭的问题 查找原因 打开控制台之后发现有个报错信息 参考了其他文章之后说是 使用了 el-dropdown 下缺少 el-dropdown-menu 元素 很奇怪，自己的页面明明没有写 el-dropdown 又继续开始百度，答案出奇的一致 突然发现，关闭模态框后，点击其他地方依旧会出现这个报错 原来同事在导航栏的组件里使用了 el-drop-down 注释之后发现就是这里的问题 解决方案 （.
cannot read properties of null(reading appendChild)解决办法
drnrrwfs的博客
03-03 3779
项目场景： 本来写的是一个js渲染，但是出了个小问题，cannot read properties of null(reading appendChild)报错。大致意思是：不能读取空的属性。 let data = [ {img:"./img/OIP-C.jfif",id:13,name:'黄焖鸡米饭',订餐电话:13782721148,均价:'均价11元'}, {img:"./img/OIP-C.jfif",id:12,name:'胡辣汤',订餐电话:15188811571,均价:'均价3元'}
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 Cannot read properties of null (reading ‘setAttribute‘) 报错
m0_54991820的博客
11-05 1万+
vue+element-ui 的项目报这个错： Cannot read properties of null (reading 'setAttribute') 或者 Cannot read property 'disabled' of null 报错 是因为我们使用了element的组件 <el-dropdown> </el-dropdown> 却没有使用它的子组件而报错， 加上子组件就好了： <el-dropdown> .
#vue3报错 Cannot read properties of null (reading ‘isCE‘)#
weixin_38626872的博客
07-29 2676
场景：使用 npm 安装依赖包的时候，如如安装。使用的vite + vue。
解决npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)
念兮为美
11-04 2万+
解决npm ERR! Cannot read properties of null (reading 'pickAlgorithm')
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
使用Element的InfiniteScroll 无限滚动组件报错的解决
10-15
然而，在实际使用过程中，可能会遇到一些技术问题，如“TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'”。 **一、问题描述** 当尝试使用InfiniteScroll组件时...
Web表单提交之disabled问题js解决方法
10-24
主要介绍了Web表单提交之disabled问题js解决方法,分析了通过js解决保存值也能保留用户不能输入的功能,具有一定参考借鉴价值,需要的朋友可以参考下
The stability of Koppitz scores on the Bender-Gestalt for reading disabled children
06-29
The stability of Koppitz scores on the Bender-Gestalt for reading disabled children P. r ,~cho /op in rhr .%hoa/r IYXO. 17. 1x1-184 THE STABILITY O F KOPPITZ SCORES ON THE BENDER-GESTALT FOR ...
A further test of Myklebust's cognitive structure hypotheses for reading disabled children
06-29
A further test of Myklebust's cognitive structure hypotheses for reading disabled children A FURTHER TEST OF RIYKLEBUST’S COGNITIVE STRUCTURE HYPOTHESES FOR READING DISABLED CHILDREN FRED H. ...
计算机毕业设计Django+Vue.js知识图谱音乐推荐系统 音乐爬虫可视化 音乐数据分析 大数据毕设 大数据毕业设计 机器学习 深度学习 人工智能
从业计算机毕业设计10年，打算用一年时间分享10年毕设经验！
07-23 502
计算机毕业设计Django+Vue.js知识图谱音乐推荐系统 音乐爬虫可视化 音乐数据分析 大数据毕设 大数据毕业设计 机器学习 深度学习 人工智能
Python Formulas模型以JSON格式文件导出导入
Humbunklung的专栏
07-23 394
Python Formulas库，JSON格式导出导入。
vue3——利用自定义指令实现下拉框分页懒加载
最新发布
zmy967131的博客
07-24 362
vue3——利用自定义指令实现下拉框分页懒加载
Cannot read properties of null (reading 'disabled')
09-09
这个错误通常是由于尝试从一个值为 null 的变量中读取属性时引起的。在这种情况下，你正在尝试从一个 null 值的属性 'disabled' 中读取。要解决这个问题，你可以在访问属性之前添加一个条件检查，确保变量不为 null。例如： ``` if (myVariable !== null && typeof myVariable !== 'undefined') { // 这里可以安全地访问 myVariable.disabled 属性 } ``` 或者，你也可以使用短路运算符来进行条件检查： ``` if (myVariable && myVariable.disabled) { // 这里可以安全地访问 myVariable.disabled 属性 } ``` 这样做会先检查 myVariable 是否为真值（即不是 null、undefined、false、0 或空字符串），然后再访问 disabled 属性。这样可以避免在变量为 null 时引发错误。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

404not~found

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值