我有以下內容：
<div class="label">{{ item.data[0] }}</div>
在我看來，我有以下幾點：
{
"id": 6,
"firtname": "JHON ",
"lastname": "SCALA",
"fullname": "JHON SCALA"
}
我只是想顯示全名
<div class="label">{{ item.data[0].fullname }}</div>
但我遇到了這個錯誤
TypeError: Cannot read properties of undefined (reading 'fullname')
為什么？？？？
uj5u.com熱心網友回復：
如果資料是從資料庫或任何其他異步持久化中獲取的，vue 無法在加載之前讀取 item.data[0] .fullname。嘗試將 div 包裝在 v-if 中，如下所示：
<template v-if="item.data.length > 0">
<div class="label">{{ item.data[0].fullname }}</div>
</template>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/368236.html
標籤：javascript Vue.js