我正在獲取一個我試圖回圈遍歷的串列，其中包含一個物件。我正在使用 vue，陣列如下所示：
companies: [
name: "company1"
id: 1
type: "finance"
additionalData: "{"funder":"blabla","idType":5,"number":"2"}"
]
我的問題是訪問附加資料中的不同的。
這就是我已經走了多遠：
<div
v-for="(company, idx) in companies"
:key="idx"
>
<p class="font-weight-bold text-h6"> {{ company.name }} </p>
<p class="font-weight-bold"> {{ company.additionalData.funder }} </p>
</div>
這不起作用，我也在回圈內嘗試了一個回圈。當我只列印出 {{ company.additionalData }} 時，我得到了整個物件。它與物件在字串中有關嗎？我可以做一個計算或一些事情來解決這個問題嗎？:)
uj5u.com熱心網友回復：
看起來 AdditionalData 是一個包含 JSON 的字串，因此請嘗試將字串轉換為物件。像這樣的東西應該作業：
<p class="font-weight-bold"> {{ JSON.parse(company.additionalData).funder }} </p>
uj5u.com熱心網友回復：
是的，你是對的，你不能在 html 中使用點符號訪問 json 屬性。您可以使用 修復該問題JSON.parse，這會將您的 JSON 物件轉換為 JavaScript 物件，您可以訪問模板中的屬性。
companies: {
name: "company1"
id: 1
type: "finance"
additionalData: JSON.parse("{"funder":"blabla","idType":5,"number":"2"}")
}
uj5u.com熱心網友回復：
語法問題
companies: [
name: "company1"
id: 1
type: "finance"
additionalData: {
"funder": "blabla",
"idType": 5,
"number":"2"
}
]
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/411934.html
標籤：