vue解决⽆法对未定义的值，空值或基元值设置反应属性报
错问题
Cannot set reactive property on undefined, null, or primitive value: //⽆法对未定义的值、空值或基元值设置反应属性：
⽐如我们在写⼀个表单，提交成功后要清空表单
我把数据绑在上⾯了⽅便看，确定提交成功我们⼀般要清空input，⽽我在js⾥开始这样写
我写的时候提交成功直接把这个对象变成空了，再次打开弹窗就会报这类型错
上⾯绑的数据已经成空了，所有不到这个对象包括key ，value
清空的话，单个清空，或者直接对象为空
或者⽤遍历都可以，就这个rz问题搞了好⼀会。。。。
补充知识：解决Uncaught TypeError: Cannot set property 'onclick' of null错误的⽅法
问题分析：当JS⽂件放在head标签⾥中时，并且绑定了onclick事件，就出现了这个错误
原因：
W3School中介绍浏览器先加载完按钮节点才执⾏JS，当浏览器⾃顶向下解析时，不到onclick绑定的按钮节点了如下⾯这个例⼦：
<!DOCTYPE HTML>
<html>
vue中reactive<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>事件</title>
<script>
var Btn = ElementById('btn');
console.log("push the button ");
}
</script>
</head>
<body>
<button id="btn">计算</button>
</body>
</html>
就会出现这个这个错误，如下图：
解决办法⼀：把JS内容⽤window.οnlοad=function(){ }包裹起来
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>事件</title>
<script>
var Btn = ElementById('btn');
console.log("push the button ");
}
}
</script>
</head>
<body>
<button id="btn">计算</button>
</body>
</html>
解决办法⼆：把js⽂件放在底部加载
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>事件</title>
</head>
<body>
<button id="btn">计算</button>
<script>
var Btn = ElementById('btn');
console.log("push the button ");
}
</script>
</body>
</html>
以上这篇vue 解决⽆法对未定义的值，空值或基元值设置反应属性报错问题就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。