点击页面任何地方都报错Cannot read properties of null (reading ‘setAttribute）

已于 2024-03-29 15:13:16 修改
阅读量226 收藏
点赞数 1
文章标签： javascript 前端 vue.js
于 2024-03-26 10:19:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47177307/article/details/137037849
版权
文章讲述了在开发过程中遇到的问题，误以为是tab组件问题，实际上发现el-dropdown组件必须与el-dropdown-menu一起使用，即使不直接使用也要留作占位，修正后解决了报错。
摘要由CSDN通过智能技术生成

以为是tab组件问题，检查了一遍没有问题， 最后发现是el-dropdown组件需要配合el-dropdown-menu使用，即使没有用到也需要占位。

加上之后报错解决 

m0_47177307
关注
实现鼠标在页面点击出现焦点及大十字星,相关js脚本文件
04-10
在网页开发中，有时我们需要为用户交互添加独特的视觉效果，比如在页面上点击时显示一个特大十字星作为焦点指示器。这个功能可以通过JavaScript实现，结合CSS进行样式定制，为用户提供更加直观和有趣的操作体验。...
vue项目控制台报错信息问题记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
Lililiming_的博客
02-20 4516
vue + element-ui 项目控制台报错信息记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)，TypeError: Cannot read properties of undefined (reading ‘label‘)，
报错 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‘)的错误。
Cannot read properties of null (reading ‘setAttribute‘)
S852509769的博客
12-05 1628
做项目时候，总是报这个错，参考如下链接解决问题，在此记录下，防止忘记。
Vue Cannot read properties of null (reading ‘setAttribute‘) 报错
m0_67266585的博客
03-09 8235
vue+element-ui 的项目报这个错： Cannot read properties of null (reading 'setAttribute') 或者 Cannot read property 'disabled' of null 报错 是因为我们使用了element的组件 <el-dropdown> </el-dropdown> 却没有使用它的子组件而报错， 加上子组件就好了： <el-dropdown> &
【bug记录】TypeError: Cannot read properties of null (reading ‘getAttribute‘)
x781054643的博客
06-28 6661
这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，就会报类似错误，解决方法就是在报错之前做判断处理；解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，翻译：无法读取null属性(读取'getAttribute')，简述：vue项目报错，
javaweb用户注销后点击浏览器返回刷新页面重复登录问题的解决方法
09-01
在Java Web开发中，用户登录和注销功能是核心部分，而用户注销后点击浏览器的返回按钮，导致页面刷新并重新登录的问题是一个常见的困扰。这个问题的出现主要是由于浏览器缓存了用户登录时的表单信息，当用户注销后，...
java session判断用户登录时间和点击页面次数
07-25
本文将深入探讨如何使用Servlet和Session来实现用户登录时间和点击页面次数的记录。 首先，让我们理解Servlet的基本概念。Servlet是Java提供的一组接口，用于扩展服务器的功能，处理HTTP请求并生成响应。在Web应用...
PDO::setAttribute讲解
10-17
PDO::NULL_NATURAL 不转换，PDO::NULL_EMPTYSTRING 将空字符串视为NULL，而PDO::NULL_TO_STRING 则将NULL值转换为空字符串。 PDO::ATTR_STRINGIFY_FETCHES 在提取数据时，将数值型字段转为字符串型。 PDO::ATTR_...
setAttribute 与 class冲突解决
09-06
setAttribute 与 class 冲突解决 在 Web 开发中，setAttribute 方法是用来设置 HTML 元素的属性的，而 class 是 HTML 元素的一个重要属性，用于设置元素的样式。但是，在使用 setAttribute 方法设置 class 属性时，...
Vue Cannot read properties of null (reading ‘setAttribute‘)
空空墓志铭的博客
08-02 6188
Vue Cannot read properties of null (reading ‘setAttribute‘)
解决 ECharts 报错 “Cannot read properties of null (reading ‘getAttribute‘)“ 的方法
pleaseprintf的博客
07-26 8474
在使用 ECharts 进行数据可视化时，有时会遇到错误信息 “Cannot read properties of null (reading ‘getAttribute’)”。这个错误通常发生在 ECharts 绘制图表时，指示某个元素为 null，导致无法读取属性。本文将详细介绍出现这个错误的原因，并提供解决方法，确保正确使用 ECharts，避免该错误的发生。
Cannot read properties of null (reading ‘insertBefore‘)
Annie的博客
04-04 1万+
一、报错现象 vue3 + element plus 项目，本地启动时，页面进行所有操作都正常；部署到生产环境后，数据驱动DOM变化的操作会导致如下报错。 二、可能原因及解决方案 经过分析出现报错的操作步骤及多方资料查询，不同情况下的报错，其原因不同。遇到这种问题的同学可以从以下几方面进行排查。 1、v-if 导致 在 v-if 值为 false 时，如果操作了 v-if 控制的 DOM，可能会因为该 DOM 元素不存在而报错。 解决方案：v-show 替换 v-if 2、...
学习笔记——vue中使用el-dropdown组件报错
qq_41339126的博客
05-28 1680
今天在工作中，发现使用el-select做的下拉框，下拉菜单展开后，鼠标点击下拉框之外的区域时，下拉菜单没有收起。然后，我打开控制台，发现了这个错误。
Vue+ElementUI Cannot read properties of null (reading ‘setAttribute‘)
YaRuu的博客
06-17 2678
vue项目中出现 Cannot read properties of null (reading 'setAttribute')这个报错找了好久 后俩发现就是 我用了elementUI组件 中的父组件 没有用他的子组件导致 大家可以全局搜下这个组件 是不是有那块没有用到它的子组件 el-dropdown-menu 用不上这个组件 可以加个 display:none...
echarts报错 TypeError: Cannot read properties of null (reading ‘getAttribute‘):
SunPeng的博客
08-24 1万+
echarts报错 TypeError: Cannot read properties of null (reading ‘getAttribute‘):
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
热门推荐
念兮为美
03-14 7万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
vue控制台报错Cannot read properties of null (reading 'setAttribute')
最新发布
07-31
在Vue.js中，当你看到"Cannot read properties of null (reading 'setAttribute')"这样的错误时，通常意味着你在尝试访问null对象上的一些属性，比如在绑定元素的样式、属性或者事件处理程序时，该元素还未被渲染到DOM中。 这个错误通常是由于以下几个原因： 1. **数据初始化问题**：可能是你试图在数据还没有初始化完成时操作DOM元素。确保在模板中引用的数据已经被Vue实例化并赋值。 2. **v-if/v-show条件渲染**：如果元素是由`v-if`或`v-show`动态隐藏显示的，那么只有当它们处于可见状态时，相关的属性设置才会生效。确保你的条件检查正确，并且在元素可见后再执行可能影响DOM的操作。 3. **组件生命周期钩子**：如果你在`mounted()`钩子之前设置了属性，可能会遇到这个问题。确保将依赖DOM的操作放在`mounted()`中执行。 4. **模板语法错误**：在HTML模板中可能存在标签闭合错误，导致某些元素未被正确创建。 解决这类问题的关键是检查代码中涉及DOM操作的部分，确认所有需要的DOM元素都已经被正确地创建并且在适当的时候更新了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值