vue对象属性为null_vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题...

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值