位置: IT常识 - 正文

【Vue】Cannot set reactive property on undefined,null,or primitive value:undefined(vue cannot set property)

编辑:rootadmin
【Vue】Cannot set reactive property on undefined,null,or primitive value:undefined 一、背景描述

推荐整理分享【Vue】Cannot set reactive property on undefined,null,or primitive value:undefined(vue cannot set property),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue. set,vue cannot use import statement,vue cannot set property,vue cannot use in operator to,vue.set()用法,vue cannot set property,vue cannot use import statement,vue cannot set property,内容如对您有帮助,希望把文章链接给更多的朋友!

技术栈:vue + element

报错内容:Cannot set reactive property on undefined, null, or primitive value:undefined

如下图所示:

二、报错原因

根据报错内容翻译一下,就是不能对 undefined,null 或者原始值为 undefined 的属性设置值。大白话就是不能对字段为 undefined,null 进行赋值,vue 是双向数据绑定。

总的来说,我们就是不能对未知的对象进行渲染。

【Vue】Cannot set reactive property on undefined,null,or primitive value:undefined(vue cannot set property)

为什么会出现这个错误内容呢?

在我的代码中主要是点击某一个按钮后弹窗显示出来的页面在渲染之前会先调用API进行数据查询,根据查询到的内容渲染到页面,但是API接口返回的数据为空,然后把这个空对象赋值给了已经有初始化值的form 了,在form进行渲染的时候就会出现这个错误。每次输入值都会报这样的错误。

关键的报错代码如下:

其他可能出现此报错内容的原因还有:

v-model绑定的数据

<el-form-item label="公司名称"><el-input v-model="form['名称']"></el-input></el-form-item>

或者一整个表单:model 绑定的数据

<el-form :model="form" label-width="80px" v-if="usertype === 'candidate'">

而本来的form在data中定义的应该是一个对象或默认值。

form 虽然初始化是个对象但是在挂载时被函数返回的数据给赋值了,比如:form = res.data; // 后台如果出错返回一个空值此时等于 form = ''

三、解决方案

对API返回的数据进行非空判断即可。以下为正确的代码:

完结!

本文链接地址:https://www.jiuchutong.com/zhishi/298423.html 转载请保留说明!

上一篇:看这篇就够了——opencv与libopencv与cv_bridge的安装与使用(看了这篇文章感触很深的说说)

下一篇:ubuntu18.04配置ORB-SLAM3并跑EuRoC数据集(单目)(Ubuntu18.04配置允许远程访问)

  • 微信营销的30个实用技巧(99个微信营销技巧,史上最全)

    微信营销的30个实用技巧(99个微信营销技巧,史上最全)

  • 钉钉文件怎么保存到手机(钉钉文件怎么保存到本地)

    钉钉文件怎么保存到手机(钉钉文件怎么保存到本地)

  • x50与x50pro对比(x50pro和x50pro+的区别1002无标题)

    x50与x50pro对比(x50pro和x50pro+的区别1002无标题)

  • mpgt2ch/a是ipad几代

    mpgt2ch/a是ipad几代

  • 苹果xr来电屏幕壁纸怎么换(苹果xr来电只显示顶部不全屏)

    苹果xr来电屏幕壁纸怎么换(苹果xr来电只显示顶部不全屏)

  • 视频分辨率越高越清晰吗(视频分辨率越高内存越大吗)

    视频分辨率越高越清晰吗(视频分辨率越高内存越大吗)

  • qq电话怎么保持不挂(qq电话怎么设置正在通话中)

    qq电话怎么保持不挂(qq电话怎么设置正在通话中)

  • 电脑怎么黑屏快捷键(电脑怎么黑屏快捷键设置)

    电脑怎么黑屏快捷键(电脑怎么黑屏快捷键设置)

  • 本地局域网什么意思(本地局域网的管理和维护)

    本地局域网什么意思(本地局域网的管理和维护)

  • 微信删了的聊天记录可以恢复吗(微信删了的聊天记录还可以恢复吗苹果)

    微信删了的聊天记录可以恢复吗(微信删了的聊天记录还可以恢复吗苹果)

  • 怎么让微信一直运行不关闭(怎么让微信一直通话中)

    怎么让微信一直运行不关闭(怎么让微信一直通话中)

  • 无法连接代理服务器(无法连接代理服务器怎么办win7)

    无法连接代理服务器(无法连接代理服务器怎么办win7)

  • 主流微处理器芯片的字长是(主流微处理器芯片名称是什么)

    主流微处理器芯片的字长是(主流微处理器芯片名称是什么)

  • 华为nova5pro怎么显示流量(华为nova5pro怎么取卡)

    华为nova5pro怎么显示流量(华为nova5pro怎么取卡)

  • 苹果x来消息灯光闪怎么设置(苹果x消息提醒闪光灯开了不会闪怎么设置)

    苹果x来消息灯光闪怎么设置(苹果x消息提醒闪光灯开了不会闪怎么设置)

  • 监控硬盘坏了可以修吗(监控硬盘坏了可以用u盘代替吗)

    监控硬盘坏了可以修吗(监控硬盘坏了可以用u盘代替吗)

  • 联想笔记本f1到f12功能键怎么关闭(联想笔记本f1到f12功能键怎么使用)

    联想笔记本f1到f12功能键怎么关闭(联想笔记本f1到f12功能键怎么使用)

  • 5g手机用wifi比4g手机快吗(5g手机用wifi比4g手机信号好吗)

    5g手机用wifi比4g手机快吗(5g手机用wifi比4g手机信号好吗)

  • 手机qq群怎么发公告(手机qq群怎么发群文件)

    手机qq群怎么发公告(手机qq群怎么发群文件)

  • word文档字体怎么加粗(word文档字体怎样竖着)

    word文档字体怎么加粗(word文档字体怎样竖着)

  • vivox27pro可以面部识别吗(vivo x27支持面部识别吗)

    vivox27pro可以面部识别吗(vivo x27支持面部识别吗)

  • q币怎么换成微信零钱(q币怎么换成微信零钱不用云奇付)

    q币怎么换成微信零钱(q币怎么换成微信零钱不用云奇付)

  • 苹果可以复制门禁卡吗(苹果可以复制门禁卡信息吗)

    苹果可以复制门禁卡吗(苹果可以复制门禁卡信息吗)

  •  苹果6plus像素多少万(苹果6plus像素多少)

    苹果6plus像素多少万(苹果6plus像素多少)

  • 华为mate20和p30的区别(华为mate20和华为p30的区分区别在哪里)

    华为mate20和p30的区别(华为mate20和华为p30的区分区别在哪里)

  • Win7系统管理员Administrator账户不见了怎么办?(win7系统管理员密码忘了怎么办)

    Win7系统管理员Administrator账户不见了怎么办?(win7系统管理员密码忘了怎么办)

  • 在win7系统中,电脑屏幕为什么闪?(在windows 7中)

    在win7系统中,电脑屏幕为什么闪?(在windows 7中)

  • movieplace.exe是什么进程文件 movieplace进程查询(movie maker是什么软件)

    movieplace.exe是什么进程文件 movieplace进程查询(movie maker是什么软件)

  • 在VSCode中配置代码自动 eslint 格式化(修改eslint规则、eslint忽略文件)(vscode配置r)

    在VSCode中配置代码自动 eslint 格式化(修改eslint规则、eslint忽略文件)(vscode配置r)

  • 营业执照办理税务登记需要什么资料
  • 疫情期间发生的费用进什么科目
  • 增值税发票9个点和13个点区别
  • 用餐补贴算在工资里面吗
  • 城建税可以不交吗
  • 期初试算平衡表不平衡怎么查
  • 生产成本结转主营业务成本本币公式怎么弄
  • 增值税计入当期损益吗?
  • 公司名称房产和房地产区别
  • 承兑汇票怎么委托收款
  • 一般纳税人公司是什么型企业
  • 项目部建筑施工筹建期会计账务处理
  • 无息银行承兑汇票
  • 股东补亏资金
  • 软件开发服务费税率
  • 定额发票用来干嘛
  • 残保金申报表怎么作废
  • 借款支付工程款合法吗
  • 长期待摊费用与折旧区别
  • 会计低值易耗品有哪些
  • 库存股股本属于什么科目,借贷方向
  • 企业不得抵扣进项税的情形
  • 电脑在线测速的软件
  • 其他债权投资期末公允价值的变动应当计入
  • 全额拨款事业单位工资待遇
  • 银行的抵债资产有几种处置办法
  • 发票未认证丢失怎么补办
  • 工程竣工决算会计账务处理
  • 无效借款合同自被确认为无效之日起无效
  • 苏格兰高地什么意思
  • 公司房产处置
  • php实现5分钟倒计时
  • thinkphp import
  • 工程的直接成本包括哪些
  • Yii CDBCriteria常用方法实例小结
  • 开红字信息表后的账务处理
  • 帝国cms8.0版
  • 辅助生产车间照明费用计入什么科目
  • 可转债公允价值评估
  • 劳动法里病假工资怎么算
  • 建筑公司计提企税怎么算
  • 物业费按年收
  • 销售bu是什么意思
  • 个人对企业的例子
  • 新领的发票怎么导入uk开票系统
  • 企业期末预收账款怎么算
  • 材料暂估入库的账务处理
  • 购买展示样品是指什么
  • 财产清查存在的问题及原因分析
  • 总资产周转率多少算正常
  • mysql启动时找不到mysqld.server
  • sql2008数据库置疑
  • win8.1安装失败
  • django使用mysql
  • sql函数使用
  • 无比强大的思维
  • 设置和使用电子技术监控设备收集信息
  • win8.1操作系统关闭驱动数字签名
  • Linux系统安全管理的内容包括
  • win11连接win7共享打印机
  • window注销
  • win8谷歌浏览器出现无法访问此网站
  • win7系统玩游戏怎么样
  • win7电脑无限蓝屏怎么解决
  • Tutorial 3: First Triangle
  • JQuery 又谈ajax局部刷新
  • Android Broadcast
  • 谈一谈js消息机制的理解
  • android编译环境搭建
  • jquery文件上传进度条
  • c#中init
  • 对python变量的理解
  • 云南省税务局咨询电话
  • 亚马逊墨西哥站扣款20
  • 朝阳区地方税务局官网
  • 出口退税企业的账务处理
  • 辽宁省电子税务局操作手册
  • 社保在哪里缴费
  • 杭州地税局办事大厅
  • 智能财税代理实务实训过程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设