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 相关文章推荐
监控 url fragment变化的js代码
Apr 19 Javascript
javascript instanceof 内部机制探析
Oct 15 Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 Javascript
JavaScript实现控制打开文件另存为对话框的方法
Apr 17 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
微信小程序  Mustache语法详细介绍
Oct 27 Javascript
vue多级多选菜单组件开发
Sep 08 Javascript
微信小程序 传值取值的几种方法总结
Jan 16 Javascript
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
解决在Vue中使用axios用form表单出现的问题
Oct 30 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使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
Yii框架实现的验证码、登录及退出功能示例
2017/05/20 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
laravel接管Dingo-api和默认的错误处理方式
2019/10/25 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
学习YUI.Ext 第四天--对话框Dialog的使用
2007/03/10 Javascript
jQuery 使用手册(一)
2009/09/23 Javascript
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
js分页工具实例
2015/01/28 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
纯javascript版日历控件
2016/11/24 Javascript
JavaScript实现审核流程状态的动态显示进度条
2017/03/15 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
2017/10/27 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
微信小程序下拉刷新PullDownRefresh的使用方法
2018/11/29 Javascript
微信接入之获取用户头像的方法步骤
2019/09/23 Javascript
在vue中封装方法以及多处引用该方法详解
2020/08/14 Javascript
Python实现处理管道的方法
2015/06/04 Python
使用Python生成随机密码的示例分享
2016/02/18 Python
python验证码识别的实例详解
2016/09/09 Python
python编程羊车门问题代码示例
2017/10/25 Python
Python利用multiprocessing实现最简单的分布式作业调度系统实例
2017/11/14 Python
python 文件转成16进制数组的实例
2018/07/09 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
Python性能测试工具Locust安装及使用
2020/12/01 Python
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
什么是makefile? 如何编写makefile?
2012/08/08 面试题
自主招生推荐信范文
2014/05/10 职场文书
2014年小学辅导员工作总结
2014/12/23 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
爸爸的三轮车观后感
2015/06/16 职场文书