vue 无法对未定义的值、空值或基元值设置反应属性报错

最新推荐文章于 2023-08-17 10:22:53 发布
最新推荐文章于 2023-08-17 10:22:53 发布
阅读量2.2w 收藏 6
点赞数 7
分类专栏： 前端 文章标签： vue vue报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43783614/article/details/102552329
版权

vue 无法对未定义的值、空值或基元值设置反应属性报错

Cannot set reactive property on undefined, null, or primitive value: //无法对未定义的值、空值或基元值设置反应属性：
比如我们在写一个表单，提交成功后要清空表单
在这里插入图片描述
我把数据绑在上面了方便看，确定提交成功我们一般要清空input，而我在js里开始这样写
在这里插入图片描述
我写的时候提交成功直接把这个对象变成空了，再次打开弹窗就会报这类型错
在这里插入图片描述
上面绑的数据已经成空了，所有找不到这个对象包括key ，value
在这里插入图片描述
清空的话，单个清空，或者直接对象为空在这里插入图片描述在这里插入图片描述
或者用遍历都可以，就这个rz问题搞了好一会。。。。

weixin_43783614
关注
  • 7
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
多种方法解决[Vue warn]: Cannot set reactive property on undefined, null, or primitive value: xxx 的警告
念兮为美
10-31 1215
多种方法解决[Vue warn]: Cannot set reactive property on undefined, null, or primitive value: xxx 的警告
关于vue项目遇到 Cannot set reactive property on undefined, null, or primitive value: null的解决
qq_56640225的博客
02-20 1445
在vue项目中遇到Cannot set reactive property on undefined, null, or primitive value: null警告，查询后得以解决
vue对象属性为null_vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题...
weixin_29802189的博客
01-14 5674
Cannot set reactive property on undefined, null, or primitive value: //无法对未定义的值、空值或基元值设置反应属性：比如我们在写一个表单，提交成功后要清空表单我把数据绑在上面了方便看，确定提交成功我们一般要清空input，而我在js里开始这样写我写的时候提交成功直接把这个对象变成空了，再次打开弹窗就会报这类型错上面绑的数据已经成...
【Vue】Cannot set reactive property on undefined,null,or primitive value:undefined
No8g攻城狮的博客
03-15 1万+
在我的代码中主要是点击某一个按钮后弹窗显示出来的页面在渲染之前会先调用API进行数据查询，根据查询到的内容渲染到页面，但是API接口返回的数据为空，然后把这个空对象赋值给了已经有初始化值的form 了，在form进行渲染的时候就会出现这个错误。根据报错内容翻译一下，就是不能对 undefined,null 或者原始值为 undefined 的属性设置值。而本来的form在data中定义的应该是一个对象或默认值。对API返回的数据进行非空判断即可。总的来说，我们就是不能对未知的对象进行渲染。
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
10-15
主要介绍了vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
[Vue warn]: Cannot set reactive property on undefined, null, or primitive value: false
qq_33641175的博客
04-23 1万+
v-model使用错误, 应该直接使用属性, 不能进行转换 <!-- 错误 --> <van-popup v-model="!dwxz.hidden" /> <!-- 正确 --> <van-popup v-model="dwxz.hidden" /> <van-popup :value="!dwxz.hidden" @input="dwxz.hidden=!$event.value" /> ...
不能对未知的对象进行渲染v-model Cannot set reactive property on undefined, null, or primitive value: undefined
qq_51389137的博客
04-26 3943
不能对未知的对象进行渲染 还有的报错 直接的原因就是 v-model绑定的数据 <el-form-item label="公司名称"> <el-input v-model="tableData['名称']"></el-input> </el-form-item> 或者一整个表单:model 绑定的数据 <el-form :model="tableData" label-width="80px" v-if="us
vue elementUI出现值绑定问题:Cannot set reactive property on undefined, null, or primitive value: null
最新发布
scp_245的博客
08-17 325
Cannot set reactive property on undefined, null, or primitive value: null
vue 实现根据data中的属性值来设置不同的样式
10-14
在Vue.js中，根据data中的属性值来设置不同的样式是一种常见的需求，这使得我们的应用能够根据数据的状态动态地改变界面的呈现方式。以下将详细解释如何实现这一功能，并结合示例进行说明。 首先，我们需要在Vue...
解决vue v-for 遍历循环时key值报错的问题
10-18
在Vue.js中，`v-for`指令用于遍历数组或对象，它是一个非常重要的功能，但如果不正确地使用`key`属性，可能会遇到警告或性能问题。本文将深入探讨这个问题，帮助你理解如何正确处理`v-for`循环中的`key`值。 首先，...
vue中的循环对象属性和属性值用法
10-14
在本篇文章中，我们将详细讨论如何在Vue中使用`v-for`来循环对象的属性和属性值。 首先，让我们回顾一下在Vue中如何通过`v-for`循环数组。通常，对于数组，`v-for`的语法是这样的： ```html ...
Cannot set reactive property on undefined, null, or primitive value:null解决
我爱美女S的博客
03-08 1万+
用了el-switch，在v-model那里我先写了v-model=“switch”，结果有红色下划线。 我就神经短路改成了this.switch。 然后在新网页打开那个switch,点击就会报如上错。 不能用this.value的形式！有下划线是因为官方不允许用JS关键字switch做value的名字，改下value的名字就好了。 ...
【BUG日记】【Vue】空格和空行会报错
南方者的博客
09-15 920
【日期】： 2020/9/15 【问题】： 启动vue项目的时候，存在空格和空行会报错 【原因】： vue有相关的规范、规则。 【如何发现】： 百度查询。（参考来源：https://www.cnblogs.com/webwangjie/p/9817673.html） 【如何修复】： 注释掉或者删除该规定的代码即可。 有些版本可能是这样的，需要这样改 【总结】： 初学者，总会有一些小问题，慢慢来，总能好起来。 ...
Cannot set property 'value' of undefined
farxix的博客
12-25 2万+
一般情况都是js报错引起的，根据实际总结到：1、js页面初始化时，执行$(document).ready(function(){})方法，当你要加载的页面内容很多时，你的页面还未加载完，执行初始化函数报错。2、在初始化函数中，写了数组 写的数组出错引起的。
Vue 源码解析（实例化前） - 初始化全局API（二）
weixin_33724046的博客
01-17 235
前言 在前面的两章，介绍了Vue 源码解析（实例化前） - 初始化全局API（一）和Vue 源码解析（实例化前） - 响应式数据的实现原理。 由于数据双向绑定的内容会比较多一些，而且涉及到的知识点也比较多，所以我当时就从初始化全局API里面单独拿了一章出来，去讲解 vue 到底是如何实现的数据双向绑定，现在，接着把之前没有讲完的初始化全局API要做的事情，全都给讲完。 还是那句老话，如果觉得写的哪...
十三.vue源码学习之响应式数据
TyrionJ的博客
04-17 501
date: 2020-04-15 tag: sourcecode vue author: TyrionJYQ title: 十三. 响应式数据 响应式数据 Object.defineProperty 代理 代理props vue将配置项中的props属性代理到vm上 const vm = new Vue({ props: ['msg'] }) 通过this.msg能够访问到props...
无法设置未定义或 null 引用的属性"xxx"的解决方法
陈腾飞的博客
01-19 1万+
js中出现错误：无法设置未定义或 null 引用的属性"xxx" 时，首先检查body和script的位置，应将script放在body之中或body之后。
Vue.$set 失效 坑 问题发现及解决
热门推荐
kyoog的博客
09-12 3万+
偶然在项目中发现Vue.$set失效   有这样一个需求 添加数据过滤用 左边是控件选择 中间是条件 右边是值 因为会根据控件不同渲染不同的值选项控件   &lt;el-form inline &gt; &lt;el-form-item style="margin-bottom: 20px;"&gt; &lt;el-select v-model=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值