Vue+ElementUI Cannot read properties of null (reading ‘setAttribute‘)

最新推荐文章于 2024-03-31 22:29:50 发布
最新推荐文章于 2024-03-31 22:29:50 发布
阅读量2.5k 收藏 2
点赞数 4
文章标签： vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YaRuu/article/details/125329589
版权

vue项目中出现 Cannot read properties of null (reading 'setAttribute')这个报错

找了好久 后俩发现就是 我用了elementUI组件 中的父组件 没有用他的子组件导致
 

<el-dropdown>
  	<el-dropdown-menu></el-dropdown-menu>
</el-dropdown>

大家可以全局搜下这个组件 是不是有那块没有用到它的子组件 el-dropdown-menu
用不上这个组件 可以加个 display:none 
 

菜鸟lady
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于SpringBoot+Vue+ElementUI 前后端分离的人力资源管理系统（源码+数据库脚本）.zip
07-08
本项目是一套基于SpringBoot+Vue前后端分离的人力资源管理系统，主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战的Java学习者。也可作为课程设计、期末大作业。包含：项目源码、数据库脚本等，该项目...
VUE+element UI ：TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_44906497的博客
08-26 1262
2. 不要用这个组件就行。但是却没有它的子组件。
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> .
“Cannot read properties of null(reading ‘parentNode‘)vue3运行报错 引入element-plus库
最新发布
luciyana的博客
03-31 733
（注意，之前新生成vue项目的时候，跟着网上教程选的配置，但是要注意如果用element-ui的话就要使用vue2，vue3配套的是element-plus，所以是重新生成vue3项目再搬运，走了很多弯路，不过新手都正常啦）里面使用到了element-plus库的组件，但是没有加入引用，所以报错。本人刚刚开始接触前端，记录一下遇到的问题，希望可以帮助到你！不过我的表达不太标准，因为非常外行，欢迎大家批评指正啦！然后不要忘记在main.js中加入引用哦。就发现可以啦，耶耶耶！
Vue Cannot read properties of null (reading ‘setAttribute‘)
空空墓志铭的博客
08-02 5470
Vue Cannot read properties of null (reading ‘setAttribute‘)
报错 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‘)的错误。
基于vue + elementUI的管理系统模板
02-22
基于vue + elementUI的管理系统模板
基于SpringBoot+Vue+ElementUI的人事管理系统
01-12
基于SpringBoot+MyBatis+Vue+Element的人事管理系统. 包含源代码、数据库DDL SQL、初始化数据SQL等，可以基于此做二次开发，快速搭建自己的业务系统。
thinkphp6_vue+elementUi后台基础管理框架.zip
11-14
基础路由前后一起存储，用户登录后从后端获取菜单权限，再由前段生产路由。这样前端不用编写路由。缺点是添加菜单需要注意使用...运行vue前端运行出现echarts报错，请安装对应版本即可。我也是刚遇到。解决方法网上有。
vue + elementUI 项目搭建Demo
12-05
使用vue-cli脚手架搭建vue + elementUI 小案例，功能代码不多，主要包括vue项目目录的创建、elementUI的引入、前端路由、i18n国际化语言、scss、引入iconfont
vue项目控制台报错信息问题记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
Lililiming_的博客
02-20 4317
vue + element-ui 项目控制台报错信息记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)，TypeError: Cannot read properties of undefined (reading ‘label‘)，
Cannot read properties of null (reading ‘setAttribute‘)
S852509769的博客
12-05 1223
做项目时候，总是报这个错，参考如下链接解决问题，在此记录下，防止忘记。
使用组件dropdown 报错 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_54180801的博客
09-19 1455
使用组件dropdown 报错 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
Vue解决echarts报错Cannot read properties of null (reading‘getAttribute‘)
Cx的博客
08-19 3429
Cannot read properties of null (reading‘getAttribute‘) echart this.$nextTick
echart报错:TypeError: Cannot read properties of null (reading ‘getAttribute‘)“
张张张的博客
11-26 1万+
原因：由于echart需要的值没有获取到,明明接口返回数据了。 因为数据渲染方法加到了create:{}里面了,说明数据还未取到,界面已经加载了 解决方法：可以将数据渲染方法加到mounted(){}方法里，也可以将加载方法写到获取数据之后即可 ...
TypeError: Cannot read properties of null (reading ‘getAttribute‘)
YCQNB_的博客
05-14 3596
在使用第三方库的tab栏切换时，我们需要带调用里面的dom元素时 遇到这种问题时，是因为我们使用了第三方的库 获取不到dom元素，在页面渲染的时候我们获取不到第三方库的dom元素所致，和vue的生命周期函数有关 解决方法 1.需要使用vue的异步加载方法this.$nextTick(()=>{}) 2.我们需要监听第三方库的click或者change事件 ...
vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length‘ of null
yxm_136452789的博客
11-03 1995
vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length’ of null。 报错 报错原因 v-model绑定的值在定义的时候有问题，多选框类型应该定义为数组，之前是checkList:null。 <el-checkbox-group v-model="checkList" :disabled="disabled" @change="handleChange($event, re
Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
09-01
“Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')”错误是指在代码中试图读取一个为null的对象的属性时发生的错误。这个错误可能是由于代码中的某个变量或对象为null导致的。根据引用和引用的描述，这个错误可能与使用element-ui库的vue项目相关。在模块的开发过程中，可能会遇到某个元素或组件的属性未正确设置或为空，导致无法读取该属性而发生错误。具体的解决方法需要进一步分析代码和调试。建议你检查相关代码，确保所需的元素或组件正确初始化并且属性已设置。你可以使用调试工具或打印相关变量进行排查，查看可能导致错误的原因。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [报错 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)](https://blog.csdn.net/qq_50276105/article/details/127173192)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Uncaught TypeError: Cannot read properties of null (reading ‘match‘)](https://blog.csdn.net/l1134/article/details/126121516)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法](https://download.csdn.net/download/weixin_38731761/13069683)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值