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字符串处理函数 - split()、join()、substring()和indexOf()
Jun 02 Javascript
添加JavaScript重载函数的辅助方法2
Jul 04 Javascript
浅谈Javascript事件模拟
Jun 27 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
js实现的动画导航菜单效果代码
Sep 10 Javascript
JavaScript转换与解析JSON方法实例详解
Nov 24 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
JS对象和字符串之间互换操作实例分析
Feb 02 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 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
基于PHP array数组的教程详解
2013/06/05 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
Laravel中9个不经常用的小技巧汇总
2019/04/16 PHP
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
JavaScript的jQuery库中ready方法的学习教程
2015/08/14 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
2018/09/16 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
Python代码解决RenderView窗口not found问题
2016/08/28 Python
Python新手们容易犯的几个错误总结
2017/04/01 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
python爬取亚马逊书籍信息代码分享
2017/12/09 Python
轻松实现TensorFlow微信跳一跳的AI
2018/01/05 Python
基于Python 中函数的 收集参数 机制
2019/12/21 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
机电专业大学生求职信
2013/10/04 职场文书
师范生实习的个人自我鉴定
2013/10/20 职场文书
西式婚礼证婚词
2014/01/12 职场文书
个人作风剖析材料
2014/02/02 职场文书
岗位明星事迹材料
2014/05/18 职场文书
求职信的正确写法
2014/07/10 职场文书
教师职位说明书
2014/07/29 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书
七一活动主持词
2015/06/29 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
Python字典和列表性能之间的比较
2021/06/07 Python
Python 键盘事件详解
2021/11/11 Python