VUE+element UI ：TypeError: Cannot read properties of null (reading ‘setAttribute‘)

10月前作者：skyTree,, 分类：Toy博客阅读(49) 违法举报

这篇具有很好参考价值的文章主要介绍了VUE+element UI ：TypeError: Cannot read properties of null (reading ‘setAttribute‘)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

报错提示：

element-ui.common.js:2436 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
    at VueComponent.removeTabindex (element-ui.common.js:2436:1)
    at VueComponent.hide (element-ui.common.js:2334:1)
    at Object.eval [as documentHandler] (clickoutside.js:39:1)
    at eval (clickoutside.js:25:1)
    at Array.forEach (<anonymous>)
    at HTMLDocument.eval (clickoutside.js:24:1)

原因就是使用了<el-dropdown> 但是却没有它的子组件 <el-dropdown-menu>，

        <el-dropdown>
            <el-button type="primary">
              <i class="el-icon-switch-button"></i><span>更多菜单</span>
            </el-button>
          </el-dropdown>

解决办法：

1. 加一个<el-dropdown-menu>

2. 不要用这个组件就行文章来源地址https://www.toymoban.com/news/detail-766688.html

到了这里，关于VUE+element UI ：TypeError: Cannot read properties of null (reading ‘setAttribute‘)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)

简述：vue项目报错， Uncaught TypeError: Cannot read properties of null (reading \\\'getAttribute\\\') ，翻译：无法读取null属性(读取\\\'getAttribute\\\')，解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，

2024年02月11日
浏览(54)
Uncaught TypeError: Cannot read properties of null (reading ‘style‘)

Uncaught TypeError: Cannot read properties of null (reading \\\'style\\\') 2：报错的原因文档的加载过程是自上向下加载。使用未命名的变量、会报错 3；解决办法 1、将Javascript代码从标签中放入body中 2、 window.onload = function(){}框起来

2024年02月15日
浏览(44)
配置hexo时TypeError: Cannot read properties of null (reading ‘xxx‘)

这种报错的含义是在读取文件时读到了空对象。一般是文件放错了位置导致程序在指定的位置读不到想要的文件导致的。我是在更换hexo的theme时遇到的问题，我直接把github上的theme文件clone到了hexo的根目录下了才有了这样的报错。只要把clone下来的theme文件保存到hexo根目录下

2024年02月11日
浏览(57)
easyui Uncaught TypeError: Cannot read properties of null (reading ‘width‘)

问题描述在将easyui1.3.6版本替换为1.7版本的时候。只有表头显示出来了，内容并没有显示出来，且报异常。表头也没有按照期望的宽度正常显示。错误提示如下问题原因及解决办法该问题出现的原因是因为该表格的表头涉及到跨行跨列问题，原因是最后一栏出货记录的跨列

2024年02月16日
浏览(51)
错误解决：Uncaught TypeError: Cannot read properties of null (reading ‘XXX‘).

报错信息：前端代码：这里的目的是打开特定页面后，自动将用户登录后 session 中保存的 username 取出并将值赋给input标签。但是在测试的时候，打开该页面控制台就出现报错。报错意思大概就是你需要的这个 “username” 属性的值本来就是空的，所以无法获

2024年02月12日
浏览(63)
Uncaught TypeError: Cannot read properties of null (reading ‘name‘) 和NoSuchMethodException

分析：这是由于还没登录，data.name 还没获取到值，所以为null 方法1：可以不管，它不会影响其他功能，当你登录后，便不会报这个错方法2：给它一个if判断是否为null 修改前：修改后：修改完后记得先清楚浏览器缓存（或换个浏览器）再测试。成功解决！还有一个问题是缺

2024年02月12日
浏览(42)
Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘brands）

在写vue项目时我们经常会遇见这种报错，报错： Uncaught (in promise) TypeError: Cannot read properties of null (reading \\\'brands\\\') 这句话意思是：无法读取null属性(读取\\\'brands\\\') 解决办法是在需要渲染的地方加一个v-if来判断数据存在如下图搞定！！

2024年02月11日
浏览(72)
微信小程序TypeError: Cannot read property ‘join‘ of null报错求助

但是bookingFloor的页面里根本没有join啊问题应该就出在 var WxParse = require(\\\"../../../components/wxParse/wxParse.js\\\");这就话，把他注释掉就不报错了，但wxParse.js里也没有join啊，大佬们遇到过类似情况么？谢谢大家

2024年02月13日
浏览(41)
微信小程序使用ChatJS报错：TypeError: Cannot read property ‘node‘ of null

微信小程序原生开发中使用Chart.js报错问题记录报错内容对应代码看下代码 .wxml .js 排查时踩过的坑更换版本（无效）更换开发工具基础库（无效）问题原因最后研究他人demo：将demo导入开发工具，可以运行，对比代码没有太大出入，但是我的代码始始终报错。之后在

2024年02月13日
浏览(43)
vue中解决TypeError: Cannot read properties of undefined (reading ‘slice‘)报错

项目中，因为业务需求通常会在节点中渲染数据，并对数据进行截取这个时候就可能会在控制台报错原因是当我们页面刷新数据并没有获取到解决办法换成三元表达式就可以解决。

2024年02月12日
浏览(60)