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