所以我正在遍歷一個陣列（使用 Vue）。在這個陣列中，它們是帶有字串的物件。
notifications: [
0: {
idType: 1
type: "delivered"
user: 12
visibility: true
seller: 15
product: "phone"
additionalData: "{"type":"iphone","idType":5,"number":"2"}"
}
1: {
idType: 2
type: "meeting"
user: 12
visibility: null
seller: 12
company: "hotell"
additionalData: "{"location":"office","idType":7,"number":"8"}"
}
2: {
idType: 1
type: "invoiced"
user: 15
visibility: null
seller: 11
value: 150000
additionalData: "{"payment":"credit","idType":10,"number":"1"}"
}
]
所以我需要決議不同的附加資料中的所有資訊。當我為模板中的每一個都做這件事時，它會變得有點混亂，所以我想為它創建一個方法。
我試過這樣的事情：
parseText(type: string) {
return JSON.parse(this.note.additionalData).type
},
這顯然不起作用，但無法弄清楚如何使它起作用。（將注釋作為道具發送到父組件，并且還在父組件中執行 v-for）
uj5u.com熱心網友回復：
我不確定為什么method這樣做對你不起作用，但你也可以創建一個組件，接收物件作為道具，并在里面有一個計算屬性，它會自動為你決議它。
<Notification
v-for="notification in notifications
:key="notification.id"
:notification="notification"
/>
props: {
notification: {
required: true,
type: Object,
}
},
computed() {
additionalDataObj() {
return JSON.parse(this.notification.additionalData)
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/409693.html
標籤：