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


Posted in Javascript onJuly 31, 2020

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

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

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

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

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

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

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

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

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

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

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

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

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

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

原因:

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

如下面这个例子:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>事件</title> 
<script>
 var Btn = document.getElementById('btn');
 Btn.onclick = function(){ 
  console.log("push the button ");  
 }
</script> 
</head> 
<body> 
 <button id="btn">计算</button> 
</body>
</html>

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

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

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

<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>事件</title>
 <script>
  window.onload = function () {
   var Btn = document.getElementById('btn');
   Btn.onclick = function () {
    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 = document.getElementById('btn');
  Btn.onclick = function () {
   console.log("push the button ");
  }
 </script>
</body>
</html>

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

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

Javascript 相关文章推荐
不要在cookie中使用特殊字符的原因分析
Jul 13 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
javascript真的不难-回顾一下基础知识
Jan 15 Javascript
jQuery获取浏览器中的分辨率实现代码
Apr 23 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
如何提高Dom访问速度
Jan 05 Javascript
jQuery中DOM节点删除之empty与remove
Jan 20 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 Javascript
vscode中Vue别名路径提示的实现
Jul 31 #Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 #Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 #Javascript
JS可断点续传文件上传实现代码解析
Jul 30 #Javascript
Vue单文件组件开发实现过程详解
Jul 30 #Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 #Javascript
在vue中实现嵌套页面(iframe)
Jul 30 #Javascript
You might like
如何使用PHP获取网络上文件
2006/10/09 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
PHP生成加减算法方式的验证码实例
2018/03/12 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
理解JavaScript中的对象 推荐
2011/01/09 Javascript
最简单的js图片切换效果实现代码
2011/09/24 Javascript
iphone safari不支持position fixed的解决方法
2012/05/04 Javascript
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
JS 修改URL参数(实现代码)
2013/07/08 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
批量下载对路网图片并生成html的实现方法
2016/06/07 Javascript
详谈JavaScript的闭包及应用
2017/01/17 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
JavaScript Event Loop相关原理解析
2020/06/10 Javascript
JS制作简易计算器的实例代码
2020/07/04 Javascript
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
利用python微信库itchat实现微信自动回复功能
2017/05/18 Python
python2与python3共存问题的解决方法
2018/09/18 Python
Python之修改图片像素值的方法
2019/07/03 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
美国摄影爱好者购物网站:Focus Camera
2016/10/21 全球购物
西雅图电动自行车公司:Rad Power Bikes
2020/02/02 全球购物
教师自我鉴定范文
2014/03/20 职场文书
政风行风评议整改方案
2014/09/15 职场文书
财会专业大学生求职信
2014/09/26 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
tensorflow+k-means聚类简单实现猫狗图像分类的方法
2021/04/28 Python
浅谈Python数学建模之数据导入
2021/06/23 Python