Cannot set reactive property on undefined, null, or primitive value: //无法对未定义的值、空值或基元值设置反应属性:

比如我们在写一个表单,提交成功后要清空表单

4f3cb791a2d8b04d46d94632ab6341c6.png

我把数据绑在上面了方便看,确定提交成功我们一般要清空input,而我在js里开始这样写

3a478307c6858a3063c49421762f475a.png

我写的时候提交成功直接把这个对象变成空了,再次打开弹窗就会报这类型错

5f099f89de6f4a5eeec34e1c89f71ce1.png

上面绑的数据已经成空了,所有找不到这个对象包括key ,value

f36770dd23512b5c93bb9a60d4b8c7c0.png

清空的话,单个清空,或者直接对象为空

309c1bcf78ce0edfe1536b0ff43b3e26.png

或者用遍历都可以,就这个rz问题搞了好一会。。。。

补充知识:解决Uncaught TypeError: Cannot set property 'onclick' of null错误的方法

问题分析:当JS文件放在head标签里中时,并且绑定了onclick事件,就出现了这个错误

原因:

W3School中简介浏览器先加载完按钮节点才执行JS,当浏览器自顶向下解析时,找不到onclick绑定的按钮节点了

如下面这个例子:

事件

var Btn = document.getElementById('btn');

Btn.onclick = function(){

console.log("push the button ");

}

计算

就会出现这个这个错误,如下图:

72ba5820694fe4e056b3253d805bce95.png

解决办法一:把JS内容用window.οnlοad=function(){ }包裹起来

事件

window.onload = function () {

var Btn = document.getElementById('btn');

Btn.onclick = function () {

console.log("push the button ");

}

}

计算

解决办法二:把js文件放在底部加载

事件

计算

var Btn = document.getElementById('btn');

Btn.onclick = function () {

console.log("push the button ");

}

975cc09758f01e26c280293b5ba3b1c0.png

以上这篇vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题就是小编共享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持乐购源码。

Logo

前往低代码交流专区

更多推荐