vue子組件報錯render: "TypeError: Cannot read property 'name' of undefined" found in

報錯信息：render: "TypeError: Cannot read property 'name' of undefined"  found in

代碼：

<div class="user-role text-center text-muted">{{ user.role.name }}</div>

原因：數據傳輸是通過store，界面加載子組件時store還沒有數據，三級數據層name報錯undefind

修改：代碼加v-if=''user.role'',當role無數據時不加載此組件

<div v-if="user.role" class="user-role text-center text-muted">{{ user.role.name }}</div>