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 即可

参考地址：/qq_17798399/article/details/102747549