So fügen Sie Slot-Felder basierend auf Arrays in Vue JS dynamisch hinzu/entfernen-Fragen und Antworten zum chinesischen PHP-Netzwerk
So fügen Sie Slot-Felder basierend auf Arrays in Vue JS dynamisch hinzu/entfernen
P粉639667504
P粉639667504 2023-08-28 17:43:21
0
1
417

Ich habe den folgenden Code, der einen Slot mit einem zu wiederholenden HTML-Feld akzeptiert:

Wenn ich removeRow(index) verwende, wird immer der letzte Slot entfernt. Ich habe es mit getestet und die richtige Eingabe wurde hier entfernt, aber der richtige Steckplatz wurde nie entfernt.

Ich brauche nicht, dass die Eingabe im Slot dynamisch ist oder mit Vue interagiert, ich möchte dem Benutzer lediglich ermöglichen, Zeilen über die Vue-Komponente dynamisch hinzuzufügen/zu entfernen.

Bitte schauen Sie sich die beiden Methoden an, die ich unten zum Hinzufügen/Entfernen von Zeilen verwende, falls dies das Problem ist:

removeRow(index){ this.rows.splice(index, 1); }, Zeile hinzufügen(){ this.rows.push({value: 'test'}) }

Jede Hilfe wird sehr geschätzt.

P粉639667504
P粉639667504

Antworte allen (1)
P粉463824410

为您的v-for循环元素添加一个独特的key值:

这样可以确保从 DOM 中正确地移除元素。

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!