嗨，我有一個多維陣列，它有一個值，但我不知道如何獲取它，我的陣列是這樣的：
0: [{total_collection: 537600, date: "2022-03-01"}, {total_collection: 260700, date: "2022-03-02"},…]
1: [{total_collection: 349300, date: "2022-03-01"}, {total_collection: 321300, date: "2022-03-02"},…]
如果我將該資料存盤到一個名為 this.total_values 的變數中，那么我會這樣做
{{ total_values[0][1] }}
它顯示：
{total_collection: 537600, date: "2022-03-01"}
如果你看到我可以這樣做：
{{ total_values[0][1].total_collection }}
它應該回傳 537600 但它不起作用它回傳：
Error in render: "TypeError: Cannot read properties of undefined (reading 'total_collection')"
為什么？我該如何解決？謝謝！
uj5u.com熱心網友回復：
您是從 API 獲取資料還是使用 向該組件發送資料props？如果你使用這些東西，你會得到未定義的，這是因為當你想獲得價值時，陣列沒有價值。您必須等待將資料分配給陣列。您可以使用它來解決問題。使用此代碼進行測驗：
<template v-if="total_values && total_values.length > 0">
{{ total_values[0][1].total_collection }}
</template>
uj5u.com熱心網友回復：
發布的代碼有效：請參閱這個游樂場。你的問題在別處。
<script setup>
import { ref } from 'vue'
const array = ref([
[{total_collection: 537600, date: "2022-03-01"}, {total_collection: 260700, date: "2022-03-02"}],
[{total_collection: 349300, date: "2022-03-01"}, {total_collection: 321300, date: "2022-03-02"}]
])
</script>
<template>
{{array[0][1].total_collection}}
</template>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/461774.html
標籤：Vue.js
上一篇：如何在v-if陳述句上顯示轉換
下一篇：專案在vue中沒有正確對齊