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 相关文章推荐
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
Mar 10 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
Jan 12 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
JQuery悬停控制图片轮播——代码简单
Aug 05 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
JS Input里添加小图标的两种方法
Nov 11 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
vue实现移动端悬浮窗效果
Dec 01 Javascript
vue项目添加多页面配置的步骤详解
May 22 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
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
php基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
php empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
利用PHP生成静态html页面的原理
2016/09/30 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
使用Apache的rewrite
2021/03/09 Servers
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
javascript Array.remove() 数组删除
2009/08/06 Javascript
让div层随鼠标移动的实现代码 ie ff
2009/12/18 Javascript
QUnit jQuery的TDD框架
2010/11/04 Javascript
prettify 代码高亮着色器google出品
2010/12/28 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
2015/07/27 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
2016/09/19 Javascript
js省市区级联查询(插件版&无插件版)
2017/03/21 Javascript
react-router实现按需加载
2017/05/09 Javascript
nodejs读取并去重excel文件
2018/04/22 NodeJs
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
[01:02:46]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python3 shelve模块的详解
2017/07/08 Python
python assert的用处示例详解
2019/04/01 Python
python2与python3爬虫中get与post对比解析
2019/09/18 Python
PyCharm无法识别PyQt5的2种解决方法,ModuleNotFoundError: No module named 'pyqt5'
2020/02/17 Python
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
办公室经理岗位职责
2014/01/01 职场文书
手机被没收检讨书
2014/02/22 职场文书
活动总结新闻稿
2014/08/30 职场文书
工艺技术员岗位职责
2015/02/04 职场文书
原料仓管员岗位职责
2015/04/01 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
使用JS实现简易计算器
2021/06/14 Javascript