Cannot set property ‘type‘ of null（vue）

最新推荐文章于 2024-03-05 12:36:07 发布
最新推荐文章于 2024-03-05 12:36:07 发布
阅读量3.1k 收藏
点赞数
文章标签： vue bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WYXXXXXXXXX/article/details/108756877
版权

项目场景：

自学vue的时候遇到了一个问题在这里插入图片描述如图，字面意思来看像是某个属性赋了null值造成的。后来通过打断点发现问题其实非常简单，大部分刚学vue的人应该会犯这种错误

解决方案：

由于问题非常简单，直接上解决方案。

this.$message.error('#code...')

假如你的代码是上面这样的，那么

return this.$message.error('#code...')

加上return就好了

WYXXXXXXXXX
关注
正确解决vue:Cannot set property ‘xxx’ of undefined异常的有效解决方法
wbajsjhhhhh的博客
05-03 3527
正确解决vue:Cannot set property ‘xxx’ of undefined异常的有效解决方法
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
热门推荐
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
Uncaught TypeError: Cannot set property ‘type‘ of null的一个出现情况与解决
weixin_51418516的博客
07-31 2126
因为某个地方写了两个 ID 比如一个空的、一个写了的，把空的删掉，只留一个id即可
前端vue项目运行时报错：Cannot read properties of null (reading ‘pickAlgorithm‘)
Ka_bu_da的博客
03-16 7352
从git上下载的前端代码，然后在VScode中执行：npm run dev。 结果报错： Cannot read properties of null (reading ‘pickAlgorithm‘) 许多文章说需要删除node_modules文件夹，然后再运行npm install;但是经过几次尝试还是失败了！于是打算使用yarn install; 先删除node_modules文件夹，然后清除一下缓存：npm cache clear --force 安装yarn： npm install -g yar
强迫症福音：Vue 控制台报错Cannot set properties of null (setting ‘onclick‘)
ranbo_Q的博客
04-25 1949
常规检查：使用未命名的变量、会报错。我安装了Eslint所以我的代码应该是没有问题的。油猴插件就是js脚本运行在网站上。所以脚本报错也会打印在控制台（并非我的代码问题啊）
(vue运行报错，已解决)＜error＞TypeError: Cannot set properties of null (setting ‘exmid‘)＜/error＞
最新发布
2301_82033886的博客
03-05 1036
这个错误是由于浏览器安装的插件，自己可以检查一下在浏览器安装的插件，你把插件禁用了，就可以正常运行了。
vue前端——文件类型输入框自动清空 实现及vue cannot set property ‘value‘ of null报错处理
zoEy的博客
01-13 1413
页面： html代码： 实现：一开始想法是在取消按键里绑定清空方法，仅设置了将上面两个箭头指向的v-model置为 “”,但是报错，再次点击选取文件时，就无法选取同样的文件。错误原因在于，文件输入框作为一个dom，要将文件本身清空，不仅是将name置空。 js代码： this.addModelName = ""; this.modelFileName = ""; 改为： this.addModelName = ""; this.modelFileName = ""; document.
对于Uncaught TypeError: Cannot set property ‘innerHTML‘ of null 的理解
Dr_free的博客 专注物联网的数据处理和组网技术
09-09 1898
在w3school自学JavaScript时，发现一个很有意思的问题。首先看下面代码： <!DOCTYPE html> <html> <body> <h2>Body中的JavaScript</h2> <script> myFunction(); function myFunction() { document.getElementById("demo").innerHTML ="hello"; } </script
JavaScript - Cannot read property ‘scrollWidth‘ of null
王佳斌
05-20 2091
大部分这种报错，都是由于没有找到元素或者元素还未加载导致没有获取。
记录 Nuxt3+pinia项目报错 TypeError: Cannot set properties of null (setting nodeValue )
什么意思哦
10-26 1242
Nuxt3+pinia项目报错 TypeError: Cannot set properties of null (setting nodeValue )
Vue mounted方法中无法获取data属性值 cannot set property 'XXX' of null
Sbaby~的博客
02-22 3635
在毕设项目中使用到了CodeMirror，参照网上的实例 CodeMirror 的 editor 是在 mounted 中创建，如下： <script> ...... export default { name:'SQLContent', data() { return { code: '' }; }, mounted ()...
vue -- Uncaught TypeError: Cannot set property 'innerHTML' of null
weixin_44852765的博客
10-11 3090
每次报错弄不出来，然后也没有管他，只是换用别的方法，这一次终于是忍不住了 错误原因为document中的innerHTML为空，也就是说在加载js文件时，找不到其中调用的对象 因此需要将js文件引用放置在调用的对象的后面加载就可以了 但是，在vue项目中，有时候却不方便这样处理 所以只需要： if(proportionUpdate){ proportionUpdate.innerHTML...
在做计时器案例时出现了 Cannot set properties of null(setting ‘innerHTML‘)
mastercao的博客
03-15 585
查找了一会 别的博主说是因为计时器放置的位置不对 应该在body最下边放置 结果照做之后还是报错。 然后我意识到了在获取元素时元素的类名前没有加点 真的是粗心大意了 这也提醒了我们在注册事件时类名前一定要加点。哈哈哈哈哈哈~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equ...
Cannot set properties of null (setting ‘onblur‘)
m0_51045721的博客
03-19 817
这里疏忽了，通过 document 获取元素的时候 要使用如果是 class 属性要用 .xxx来获取 是通过id 获取的话，要用 #
Cannot set property ‘innerHTML’ of null 错误原因
u010233323的博客
08-02 1万+
很有可能是js文件中调用了html中的某个节点，并且js在这个调用的对象之前加载了。 如果js放在头部时，此时浏览器渲染未进入dom节点，因为提示为空，或者找不到。 所以把js代码放到最后或调用的对象后面就行了。     补充：正确的写法应该是在请用对象之前作个判断。 if(document.getElementById(“id”)){ dosomething }
Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)的原因怎么看
Sunraiseprice的博客
10-31 4129
意思不就是说我们设置的属性是控制，这个时候就要检查是不是获取元素的时候把标签的id和class类似的内容写错了导致获取不到。
cocos creator “TypeError: Cannot set property ‘string‘ of null
weixin_45677723的博客
12-06 718
【代码】cocos creator “TypeError: Cannot set property ‘string‘ of null。
Uncaught TypeError: Cannot set property ‘onclick‘ of null
紫月i的博客
10-19 509
在使用vue时报错Uncaught TypeError: Cannot set property ‘onclick’ of null，原因是因为vue项目是有加载顺序的，当页面还没加载完成时js代码就已经执行了，因为获取不到而报错，只需要把代码写在onload函数当中就行 window.onload = function(){ var btn = document.querySelector('#btn'); btn.onclick = function(){ console.lo.
Js 中 Cannot set properties of null (setting ‘onblur‘) 的解决
weixin_58022232的博客
01-27 3023
Cannot set properties of null (setting ‘onblur‘)
vue 创建项目 Cannot set property ‘context‘ of null
05-31
这个错误一般出现在使用 Vue CLI 创建项目时，可能是由于 webpack 的版本与 Vue CLI 不兼容导致的。你可以尝试以下几种方法来解决该问题： 1. 升级 webpack 版本 你可以尝试升级 webpack 的版本，可以通过以下命令...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值