解决前端Cannot read property ‘disabled‘ of null 问题

最新推荐文章于 2024-04-27 14:24:59 发布
最新推荐文章于 2024-04-27 14:24:59 发布
阅读量740 收藏 1
点赞数 1
分类专栏： 前端开发 disabled报错 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51749388/article/details/118547838
版权

项目中遇到该问题，鼠标每次点击页面时，就会报一次这个错误

**报这个错误之后，还会影响到其他组件的使用，比如我遇到的，使用日期控件，鼠标点击空白处，日期控件不会消失，而是一直停留在页面。

这个错误时因为在页面中使用了el-dropdown，而且这个标签必须有子标签el-dropdown-menu才可以，否则就会报错

<el-menu-item class="site-navbar__avatar" index="1" >
     <el-dropdown :show-timeout="0" placement="bottom">
            <el-dropdown-menu>
            </el-dropdown-menu>
     </el-dropdown>
</el-menu-item>

杨一安
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web表单提交之disabled问题js解决方法
10-24
主要介绍了Web表单提交之disabled问题js解决方法,分析了通过js解决保存值也能保留用户不能输入的功能,具有一定参考借鉴价值,需要的朋友可以参考下
MySQL提示The InnoDB feature is disabled需要开启InnoDB的解决方法
09-10
通过以上步骤，你应该能够解决"The InnoDB feature is disabled"的问题，并成功启用InnoDB引擎。这将使你的MySQL服务器具备处理事务和提供更高级别数据完整性的能力。对于那些需要事务处理和外键约束的应用来说，这...
Cannot read property ‘disabled‘ of null
山谷里的杂货铺
08-11 162
控制台一直报这个错，百度之后 发现是使用el-dropdown出现的问题，说是因为在页面使用el-dropdown，但是在这个标签里面没有设置他的子元素el-dropdown-menu，所以报错，但是我在页面使用了他的子元素 经过反复·调试，最后发现如果你在子元素中使用了v-i或者v-for使得el-dropdown-menu隐藏，那么你一定要在加一个el-dropdown-menu，这样控制台就不会报错了 ...
Uncaught TypeError: Carnot read properties of null (reading ‘disabled‘) at VueComponent.hide
最新发布
qq_42816270的博客
04-27 219
Uncaught TypeError: Carnot read properties of null (reading ‘disabled‘) at VueComponent.hide
前端Cannot read property ‘disabled‘ of null 问题解决
楚叫兽
01-29 324
今天在做vue项目的时候，然后百度了一下，找到了这篇文章 这个是因为在页面中使用了el-dropdown，但是在这个标签里面没有设置它的子元素，所以会报错，在el-dropdown中添加el-dropdown-menu标签就好，或者直接删除 原文链接：https://blog.csdn.net/xm_w_xm/article/details/96479089 ...
拯救报错：Cannot read property ‘disabled’ of null
CCcoding
11-07 537
1、前情提要：Vue、Element 2、报错内容： 3、报错原因： 页面中使用了<el-dropdown>组件，但是没有设置它的子元素（注意：必须是子元素，如<el-dropdown-menu>，使用其他行内元素也不行） 4、解决方案： 删除<el-dropdown>组件，不使用它 为该组件添加<el-dropdown-menu>标签，使其完整应用 ...
VUE ElementUI Cannot read property ‘disabled‘ of null 报错
qq_17627195的博客
06-08 495
报错信息： 原因： 因为在页面中使用了el-dropdown，但是在这个标签里面没有设置它的子元素 解决方法： 在el-dropdown中添加el-dropdown-menu标签，不需要内容的话，直接光添加<el-dropdown-menu></el-dropdown-menu>即可 ...
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`...
this connector is disabled错误的解决方法
10-30
打开editor/filemanager/connectors/aspx/config.ascx修改CheckAuthentication()方法，返回true
Cannot read property 'disabled' of null 问题解决
tomorrownan的博客
04-15 1万+
使用vue-element框架的后台管理项目一直报Cannot read property ‘disabled’ of null 问题，截图如下： 1. 问题定位 看了下代码，找了很多解决方案，最后发现是因为注释了el-dropdown-menu下的代码，如下： 因为不需要显示右上角图标，所以把那一部分代码注释了。引起了一直报上述错误，在页面中使用了el-dropdown，但是在这个标签里面没...
在jsp中引入My97DatePicker的WdatePicker.js出现Cannot read property 'substr' of null
Razera的博客
11-28 3949
背景 最近用到WdatePicker时间选择器 在进行时间选择器加载的时候，报错Cannot read property ‘substr’ of null 查阅WdatePicker.js发现bug部分的逻辑是查询所有的script标签，如果没有src属性就会报错 解决 通过修改js文件代码，完美解决~ /* * My97 DatePicker 4.8 Beta1 * License: htt...
关于 Cannot read property‘slice‘of null 报错的解决办法
malala_的博客
12-10 6225
最近在写项目的时候，为了将数据中的年月日时分秒分割开，控制台报出了TypeError: Cannot read property 'slice' of null的错误。 TypeError: Cannot read property 'slice' of null 检查了一下自己写的代码，如下： <text class="review-detail-text">评审时间：{{item.evaluation_date=item.evaluation_date.slice(0,10)}}.
vue 解决跨域时报错 Cannot read property ‘split‘ of null
weixin_42508580的博客
08-20 1万+
vue 解决跨域时报错 Cannot read property ‘split’ of null 具体错误 TypeError: Cannot read property 'split' of null at required (C:\Users\杨韬锦\Desktop\cdwx-spring-cloud\beam-model-web\node_modules\requires-port\index.js:13:23) at Object.common.setupOutgoing (C:\U
解决 Cannot read properties of null (reading ‘disabled‘)报错
无理. 的博客
10-14 6462
在Vue + elementUI 后台项目里遇到了一个问题，所有模块的的下拉Select 和时间选择器DataPicker (可能还有其他组件) ，在选择后点击页面其他地方都不会自己收起。打开控制台会发现报错了，每点击一次，错误+1.代码里全局搜索 el-dropdown ，el-dropdown下缺少 el-dropdown-menu 元素，如果元素上有 v-if 改成 v-show。
出现 Cannot read property 'xxxxxx' of null 问题思路
热门推荐
ayhao369csdn的博客
07-11 18万+
在Console中出现 Cannot read property 'xxxxxx' of null  的问题时很难查找到改原因的出处今天在项目中看到页面出现 Cannot read property 'xxxxxx' of null 的字样如下：对于像我这样的前端菜鸡根本，一开始以为是layer插件出现了问题尝试一：修改alyer语句依旧报错    无效尝试二：注释掉该页面所有alyer有关的代码...
xml里Cannot resolve property ‘xxx‘问题
weixin_53226853的博客
04-18 1679
Spring与MyBatis整合时出现的Cannot resolve property 'xxx’问题 在配置xml文件时发现name值被标红 解决办法： 去对应的class里面看了之后发现没有写对应的set方法，加上之后就正常了。 public class ProviderServiceImpl implements ProviderService { @Autowired private ProviderMapper providerMapper; public void setProvi
2022-06-17 工作记录--Vue-手动控制 el-dropdown 的显示和隐藏
weixin_48850734的博客
06-22 1603
手动控制 el-dropdown 的显示和隐藏
前端页面系统全屏功能实现方法
qq_45630675的博客
05-23 1453
页面效果如图： 页面代码实现如下： （记得要安装对应依赖 [screenfull]，store里面要添加对应配置） <div class="userInfo text-left"> <el-dropdown :show-timeout="0"> <div> {{ $store.state.user.fullName }},欢迎您 &lt
Cannot read properties of null (reading 'disabled')
09-09
要解决这个问题，你可以在访问属性之前添加一个条件检查，确保变量不为 null。例如： ``` if (myVariable !== null && typeof myVariable !== 'undefined') { // 这里可以安全地访问 myVariable.disabled 属性 } `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值