<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“的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。