我在 Vue.js 應用程式中有一個資料物件
data() {
return {
group1: {
id: 'qd4TTgajyDexFAZ5RKFP',
owners: {
john: {age: 32, gender: 'man'},
mary: {age: 34, gender: 'woman'},
}
}
}
}
我正在嘗試像這樣在 Vue 的模板中獲取 Mary 的年齡...
我可以owners喜歡這個...
<p>{{group1.owners}}</p>
但如果我嘗試像這樣進一步鉆探......
<p>{{group1.owners.mary.age}}</p>
...我收到一條錯誤訊息，說它無法到達maryundefined 。
"TypeError: Cannot read properties of undefined (reading 'id')"
有誰可以幫忙嗎？
uj5u.com熱心網友回復：
不如試試
<script>
export default {
data() {
return {
group1: {
id: 'qd4TTgajyDexFAZ5RKFP',
owners: {
john: {
age: 32,
gender: 'man'
},
mary: {
age: 34,
gender: 'woman'
},
}
}
}
}
}
</script>
<template>
<pre>result: {{ group1.owners.mary.age }}</pre>
</template>這是一個作業示例。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/515153.html