Vue页面加载使用二级属性的时候报错TypeError: Cannot read property ‘name‘ of undefined“

<template v-if="tableData != undefined"><div><h3 style="padding:0px;text-align: left;padding-left: 10px;}">设备基本信息：</h3><table style="width: 100%;margin-top:10px;border-collapse: collapse" class="dev_info_table"><tr><td><label>设备id：</label>{{ tableData.id}}</td><td><label>设备名：</label>{{ tableData.dev_name}}</td></tr><tr><td><label>设备分类1：</label>{{ tableData.first_category.category_name}}</td></tr></table></div>
</template>

当初始化tableData 为{} 的时候，切换页面tableData.first_category.category_name位置报错：TypeError: Cannot read property 'category_name' of undefined"

原因

因为tableData 为{}；tableData.first_category 就是undefined；所以undefinde.category_name 就会报错

解决方法

初始化tableData的值为undefined 即可

参考地址：https://blog.csdn.net/qq_17798399/article/details/102747549

Vue页面加载使用二级属性的时候报错TypeError: Cannot read property ‘name‘ of undefined“相关推荐

VUE.JS 使用axios数据请求时数据绑定时报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法...
data里面做了定义在方法里面进行赋值用 this.info = repos.data 数据可以请求到,但是会报错 TypeError: Cannot set property 'listgrou ...
记录webpack使用问题，使用报错“UnhandledPromiseRejectionWarning，file-loader图片过大，无法加载图片，打包html文件报错TypeError
记录webpack使用报错版本号问题运行npm run build,报错 "UnhandledPromiseRejectionWarning: TypeError: this.getRe ...
python保存与加载LGBM模型，并解决报错TypeError: Need at least one training dataset or model file or model string..
方法一(适用于sklearn接口:from lightgbm import LGBMClassifier) 比如现在有一个lgbm_model import joblib# 保存 joblib.dum ...
VUE中axios 报错 TypeError: Cannot set property ‘type‘ of undefined，
报错: 导致axios里then的方法不执行问题: 后台数据没有传到前端导致传的是一片空不是null也不是 undefined 是没有东西导致resp响应为空在底层会报错以上在catch里做逻 ...
Vue 页面加载闪现出现{{xxx}}问题
Vue 页面加载闪现出现{{xxx}}问题,猜测应该是犹豫网络延迟或者什么原因导致加载vue.js CSS中 [v-cloak] {display: none; } HTML中 <div v-c ...
TP3.2如何加载第三方类库？加载腾讯短信sdk 报错。
TP3.2如何加载第三方类库?加载腾讯短信sdk 报错主要在于引入 Vendor('qcloudsms.index'); index.php后还需要use引入命名空间,不然就会报类未定义的错误. & ...
vue ui创建项目报错：Cannot read property ‘indexOf‘ of undefined解决方法
报错: Cannot read property 'indexOf' of undefined 报错翻译:无法读取未定义的属性"indexOf" 报错原因分析: vue/cli 的 ...
Vue 中的 v-cloak 作用及用法-vue页面加载时会闪烁
用法: 这个指令保持在元素上直到关联实例结束编译.和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕 ...
vue页面加载时闪现_如何解决Vue.js显示数据的时,页面闪现
下面我就为大家分享一篇解决使用Vue.js显示数据的时,页面闪现原始代码的问题,具有很好的参考价值,希望对大家有所帮助. 今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数 ...

Vue页面加载使用二级属性的时候报错TypeError: Cannot read property ‘name‘ of undefined“

原因

解决方法

Vue页面加载使用二级属性的时候报错TypeError: Cannot read property ‘name‘ of undefined“相关推荐

最新文章

热门文章