vue中渲染对象中属性时显示未定义的解决


Posted in Javascript onJuly 31, 2020

vue中渲染对象中属性时显示未定义的解决

后端给的对象结构是这样的,三层嵌套

而在最开始的时候我在data中定义了一个对象(dataInfo)接受了图示所有的属性

而在template中我要渲染数据(dataInfo.clientInfo.deviceName)

vue中渲染对象中属性时显示未定义的解决

然后。。。。在这里插入图片描述

未定义。。。作为一个前端菜鸡,百思不得其解。

最终在有道的帮助下,告诉我了此属性不在vue实例上

恍然大悟

只能解析在data中定义也就是vue实例上的对象子一层的东西,对于孙一层的东西就被解析成不在vue实例上的

两种解决方法:

第一:

在定义的dataInfo中定义clientInfo等八个对象

第二:

直接定义八个对象接收八个对象中的东西

这样,孙一层的东西就在vue实例上了

补充知识:vue报错Cannot read property '_withTask' of undefined

控制台报错:

Cannot read property ‘_withTask' of undefined

原因:

template中的出现的绑定事件在methods中没有定义

以上这篇vue中渲染对象中属性时显示未定义的解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 中文字符串处理额外注意事项
Nov 15 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
js实现简单选项卡与自动切换效果的方法
Apr 10 Javascript
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
vue 挂载路由到头部导航的方法
Nov 13 Javascript
JS运动改变单物体透明度的方法分析
Jan 23 Javascript
elementUI table表格动态合并的示例代码
May 15 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
Jul 23 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 Javascript
小程序实现长按保存图片的方法
Dec 31 Javascript
antd form表单数据回显操作
Nov 02 Javascript
JS可断点续传文件上传实现代码解析
Jul 30 #Javascript
Vue单文件组件开发实现过程详解
Jul 30 #Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 #Javascript
在vue中实现嵌套页面(iframe)
Jul 30 #Javascript
Vue文本模糊匹配功能如何实现
Jul 30 #Javascript
VUE 单页面使用 echart 窗口变化时的用法
Jul 30 #Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
Jul 30 #Javascript
You might like
咖啡的传说和历史
2021/03/03 新手入门
php中用文本文件做数据库的实现方法
2008/03/27 PHP
PHP session有效期session.gc_maxlifetime
2011/04/20 PHP
php中获得视频时间总长度的另一种方法
2011/09/15 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
thinkPHP3.2.3结合Laypage实现的分页功能示例
2018/05/28 PHP
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
2007/07/11 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
jquery获取select,option所有的value和text的实例
2017/03/06 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
bootstrap table sum总数量统计实现方法
2017/10/29 Javascript
swiper插件自定义切换箭头按钮
2017/12/28 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
详解redux异步操作实践
2018/08/15 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
2019/12/06 Javascript
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python统计多维数组的行数和列数实例
2018/06/23 Python
python递归实现快速排序
2018/08/18 Python
python SocketServer源码深入解读
2019/09/17 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
Python使用monkey.patch_all()解决协程阻塞问题
2020/04/15 Python
浅谈python量化 双均线策略(金叉死叉)
2020/06/03 Python
Python实现扫码工具的示例代码
2020/10/09 Python
python利用xpath爬取网上数据并存储到django模型中
2021/02/26 Python
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
人力资源专业推荐信
2013/11/29 职场文书
社区母亲节活动方案
2014/03/05 职场文书
党委班子纠正“四风”问题整改措施
2014/10/28 职场文书
2014年学校团委工作总结
2014/12/20 职场文书
侵犯商业秘密的律师函
2015/05/27 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS