报错 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)

已于 2023-09-23 23:26:48 修改
阅读量3.5w 收藏 23
点赞数 21
分类专栏： vue element ui el-dropdown 文章标签： javascript java 开发语言
于 2022-10-05 15:52:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50276105/article/details/127173192
版权
vue 同时被 3 个专栏收录
35 篇文章 2 订阅
订阅专栏
element ui
16 篇文章 0 订阅
订阅专栏
el-dropdown
1 篇文章 0 订阅
订阅专栏

1、项目描述：最近接手一个用到了elementu ui库的vue项目，结果在模块的开发中有个问题伴随始终——Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)的错误。

2、意思是：未捕获的类型错误：无法读取null的属性（读取“setAttribute”）

 3、通过chrom调试：发现触及了element ui底层代码：

4、那么怎么 解决这个问题呢？

通过查阅资料发现原来是因为一个叫<el-dropdown></el-dropdown>标签牵扯出来的是与非！

原因竟是：在使用组件dropdown需要dropdown-menu配套使用，dropdow需要一个输出点，dropdown-menu可以为空，但不可没有！

所以，在使用组件dropdown配套使用dropdown-menu

最终 ，问题解决！

三水木雨
关注
  • 21
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
10-29
同一相站点，有些页面的客户端验证能工作，而有些死活不行。打开页面就出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null错误
Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)
weixin_65793170的博客
03-21 1万+
vue项目报错，Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')，翻译：无法读取null属性(读取'getAttribute')，解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，就回报类似错误，解决方法就是在报错之前做判断处理；
解决Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)
最新发布
请告诉他
04-30 672
/这里去调用你初始化echarts 的方法。//防止this指向问题。// 判断页面所有资源已加载完毕。
VUE+element UI ：TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_44906497的博客
08-26 1363
2. 不要用这个组件就行。但是却没有它的子组件。
Cannot read properties of null (reading ‘setAttribute‘)
S852509769的博客
12-05 1400
做项目时候，总是报这个错，参考如下链接解决问题，在此记录下，防止忘记。
错误解决：Uncaught TypeError: Cannot read properties of null (reading ‘XXX‘).
m0_56426418的博客
04-16 1万+
我想既然显示 username 中的值为 null 就说明 session 大概率没有保存用户登录后的信息，既然没有信息那么大概率与控制层有关。当编写完接口中的方法，实现类中进行实现的时候，个人往往喜欢通过快捷方式重写实现接口中的方法，而这时加载出的方法默认会返回 null。报错意思大概就是你需要的这个 “username” 属性的值本来就是空的，所以无法获取到它的值。这里的目的是打开特定页面后，自动将用户登录后 session 中保存的 username 取出并将值赋给<input>标签。
“TypeError: Cannot read properties of null (reading ‘getContext‘)“
qq_50276105的博客
02-10 1万+
第一次在vue项目种使用canvas，跟着网上教程做，标签canvas写好了，dom元素获取了，简单“画”了一下，运行之后报"TypeError: Cannot read properties of null (reading 'getContext')"的错。：在模板渲染成html后调用，通常初始化页面完成后，再对html的dom节点进行一些需要的操作。：在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成识图。显然，获取dom元素，作图都没有错。canvas元素在页面加载之前就获取了元素。
关于Uncaught TypeError （Cannot read property ..undefined）的解决办法
qq_44654974的博客
07-24 3万+
一、问题描述      在Vue 的函数中使用 this.$store.commit出现Uncatch TypeError 的情况. 二、解决思路 1.进行使用检查查看报错信息，之前浏览器默认Safari浏览器，好像没有看到检查工具，出问题或者空白页面就不知道咋排错，后面才使用谷歌，使用查看进行排错。 2.分析报错信息：Uncaught TypeError;凭借英语能力猜测是不是拼写错误（哈哈哈，代码能力还比较底，不过英语好还是有助于排错，对于英语基础差
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 注释之后发现就是这里的问题 解决方案 （.
Error in render: “TypeError: Cannot read properties of null (reading ‘0‘)“ 报错解决方案
Rice_w的博客
04-30 3万+
近期在写项目的时候遇到一个很有趣的问题，当我准备获取一个数组中的子数组到页面时，提示我报错Error in render: “TypeError: Cannot read properties of null (reading ‘0’)”，渲染的时候不能读取，这是怎么回事呢，赶紧搜索一下，发现问题了 这是我原来报错的代码 <view class="apply-name"> <text>{{ item.applicant }}</text>
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>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"
10-16
然而，开发者在实现这一功能时可能会遇到一些错误，如"Uncaught TypeError: Illegal invocation"。这个错误通常出现在尝试使用Ajax发送文件数据时，由于不正确的数据处理或内容类型设置导致的。 Ajax上传文件的核心...
Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)报错，页面全空白的处理方法
热门推荐
qq_42780155的博客
05-13 3万+
vue页面Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)报错，页面全空白。 然后发现是自己写的指令全局引用的原因 使用了export导出 export { preventReClick } 所以引用的时候不能 import preventReClick from '@/directives' Vue.use(preventReClick) 正确的应该是： import { preventReC
element-ui更新到新版本后报错：“TypeError: Cannot read property ‘reduce‘ of null“的原因及解决办法
qq_39678607的博客
05-13 2826
报错截图如下： 先直接上问题出现的原因及处理方式 页面内使用了：<el-table :data=“dataList”>表格组件，并且绑定的data数据dataList默认值设置成了null，而data数据本质是数组，新版本element-ui不支持而报错（疑似表格组件出现Bug，可查看下面的分析总结）， 因此需要将data默认绑定值设置为空数组，如：dataList:[ ]，问题就处理了！ 问题出现的背景： 最近公司项目中添加新需求，项目中需要使用到element-ui的一些新特性，而项
vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
weixin_44021888的博客
02-02 4293
vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
【bug】TypeError: Cannot read properties of null (reading ‘0‘) 已解决
花椒和蕊的博客
06-22 5715
列表报错，已解决
Uncaught TypeError: Cannot read properties of null (reading 'appendChild'
09-12
Uncaught TypeError: Cannot read properties of null (reading 'appendChild')这个错误通常表示在尝试对null值进行操作时发生了错误。例如，当我们尝试对一个null元素调用appendChild方法时就会出现这个错误。 关于这个错误的引用有两个例子。引用中提到，在使用element-ui库的vue项目中，出现了Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')的错误。这个错误的意思是无法读取null的属性（读取'setAttribute'）。引用中提到，在同一个网站的不同页面中，有些页面的客户端验证可以正常工作，而有些页面却出现了Uncaught TypeError: Cannot set property __MVC_FormValidation of null的错误。这个错误的意思是无法给null设置__MVC_FormValidation属性。 根据这些引用，可以看出这个错误通常是由于对null值进行属性操作引起的。解决这个问题的方法是在操作之前先对相关值进行非空判断。例如，在引用中的解决方案中，对接口返回值进行了非空判断后再处理业务逻辑。 因此，要解决Uncaught TypeError: Cannot read properties of null (reading 'appendChild')错误，需要先确保相关值不为null，再进行操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值