Schieben Sie Daten und Schlüssel in das Array in Vue.js
P粉564192131 2024-02-25 14:22:51
Sicht 602
0
Ich habe ein Array in data():
data() {
return {
list: [],
}
},
methods: {
pushData() {
this.list.push({name:'yorn', age: 20});
}
}
Jetzt möchte ich zum Array „list“ im folgenden Format pushen, der Schlüssel ist info:
list [
info [
{
name:yorn,
age: 20
}
]
]
Ich bin neu in VueJS und Javascript und brauche daher die Hilfe aller. Bitte sagen Sie mir Ihre Meinung. Danke
Ihre Antwort
2 antwortet
0
上述预期结果不是有效的 JSON。它应该像下面的：
list: [{
info: [{
name: yorn,
age: 20
}]
}]
工作演示：
new Vue({
el: '#app',
data: {
list: []
},
mounted() {
this.pushData();
},
methods: {
pushData() {
this.list.push({info : [{name:'yorn', age: 20}] });
// Or you can also use below one.
// this.list[0].info.push({name:'yorn', age: 20});
}
}
})
{{ item.name }}
2024-02-26 10:21:41
0
尝试更改 pushData 方法以具有 data 参数
pushData(data) {
this.list.push(data);
}
调用方法
this.pushData({name: "john", age: 25});
2024-02-26 12:46:26
Hot-Tools-Tags
Heiße Fragen
So übergeben Sie ein Array an eine gespeicherte SQL Server-Prozedur
2026-01-31 22:24:05
Was tun bei MySQL-Problemen? Fehler wie mysqli_fetch_array(): Argument #1 muss vom Typ mysqli_result und dergleichen sein
2026-01-31 22:02:53
Konvertieren Sie einen JavaScript-String in Punktnotation in eine Objektreferenz
2026-01-31 21:22:07
MySQL-Fehler Nr. 2014 – Befehle nicht synchron; Sie können diesen Befehl jetzt nicht ausführen [geschlossen]
2026-01-31 21:01:19
Wie formatiere ich ein Datum in JavaScript?
2026-01-31 20:43:18
Beliebtes Werkzeug
Sammlung der Laufzeitbibliothek vc9-vc14 (32+64 Bit) (Link unten)
Laden Sie die Sammlung der Laufzeitbibliotheken herunter, die für die Installation von phpStudy erforderlich sind
VC9 32-Bit
VC9 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy
Vollversion der PHP-Programmierer-Toolbox
Programmer Toolbox v1.0 PHP Integrierte Umgebung
VC11 32-Bit
VC11 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Heißer Artikel
Was soll ich tun, wenn ich nicht immer den Platz erhalte? Ouyitun Bibao Strategie zur Rotation und Neuausrichtung mehrerer Währungen
2026-04-04
By DDD
Ist die Martingale-Strategie effektiv? Detaillierte Erläuterung der Parametereinstellung des Ouyi DCA-Roboters
2026-04-03
By DDD
So führen Sie ein Python-Skript aus_Detaillierte Erläuterung der verschiedenen Möglichkeiten zum Ausführen eines Python-Skripts und Befehlszeilenoperationen
2026-04-03
By DDD
Wie verwende ich verschachtelte Sequenzen in Premiere? (Projektorganisation)
2026-04-04
By 下次还敢
Die 7 besten Thunderbolt-4-Kabel: Kabel, die brüllen
2026-04-05
By DDD