Vue: Fehler beim Verwenden mehrerer dynamischer Steckplatznamen (ungültiger dynamischer Argumentausdruck)
Ausführung
2.6.10
Reproduktionslink
https://github.com/tbutcaru/v-issue-multiple-dynamic-slot-names
Schritte zum Reproduzieren
- Klonen Sie dieses Repo: https://github.com/tbutcaru/v-issue-multiple-dynamic-slot-names
- Ausführen:
npm install - Ausführen:
npm run serve
Was wird erwartet?
Mehrere dynamische Steckplatznamen sollten wie erwartet funktionieren.
Was passiert eigentlich?
Der folgende Fehler wird ausgelöst:
Invalid dynamic argument expression: attribute names cannot contain spaces, quotes, <, >, / or =.#[headerslot]>Header slot</template>
Default slot
<template #[footerslot]
Wenn einer der dynamischen Steckplatznamen statisch ist (egal welcher), funktioniert die Anwendung.
Meine Untersuchung
- Datei:
node_modules/vue-template-compiler/build.js - Zeile: 2563 (innerhalb von
attrs.forEach(function (attr) {) hat die folgende Warnung hinzugefügt:
warn$1('--------------->> ' + attr.name);
Untersuchungsergebnisse:
- Im Arbeitsszenario mit nur einem dynamischen Steckplatznamen: Der Wert dieses dynamischen Steckplatznamens ist
#[headerslot] - Im Fehlerszenario mit zwei dynamischen Steckplatznamen: Der Wert des ersten dynamischen Steckplatznamens ist
#[headerslot]>Header slot</template>
Default slot
<template #[footerslot]
Es sieht also so aus, als ob der Compiler nicht weiß, wie er nur das Attribut extrahieren kann, wenn mehrere dynamische Slotnamen vorhanden sind.
tbutcaru
Alle 7 Kommentare
Justineo
am 27. März 2019
Die Kurzschrift ist nur verfügbar, wenn ein Argument angegeben wird. Versuchen zu benutzen:
<template v-slot:[dynamicSlotName]>
...
</template>
michalzaq12
am 28. März 2019
Die Kurzschrift ist nur verfügbar, wenn ein Argument angegeben wird. Versuchen zu benutzen:
<template v-slot:[dynamicSlotName]> ... </template>
Ich habe das versucht, bevor ich das Problem erstellt habe, und das Ergebnis ist das gleiche 😞
tbutcaru
am 28. März 2019
Hallo allerseits!
Was ist neu daran? Ich habe immer noch das Problem in 2.6.11 hier zu reproduzieren
davis90
am 22. Jan. 2020
Nach vielen Versuchen habe ich einen Weg gefunden, multidynamische Slots zum Laufen zu bringen. Wenn ich dem Stammelement der Dynamics Slot-Vorlagen Schlüssel hinzufüge, fällt dies in die Arbeit:
das funktioniert nicht: hier reproduzieren
<template #[slot1]>
<p>slot test</p>
</template>
<template #[slot2]>
<p>slot test2</p>
</template>
// got "Invalid dynamic argument expression: attribute names cannot contain spaces, quotes, <, >, / or ="
diese Arbeit: hier reproduzieren
<template #[slot1]>
<p key="1">slot test</p>
</template>
<template #[slot2]>
<p key="2">slot test2</p>
</template>
// work fine
Warum muss ich Schlüssel hinzufügen, damit es funktioniert? Ich habe etwas verpasst.
davis90
am 22. Jan. 2020
Die Lösung von @ davis90 hat bei mir funktioniert. Ich verstehe nicht, warum es auch funktioniert.
SreeChandan
am 8. Juni 2020
Warum sind die Fehler so irreführend? Vielen Dank, obwohl Ihre Lösung funktioniert hat
Moizsohail
am 20. Juli 2020
Verwandte Themen
loki0609
·
3Kommentare
fergaldoyle
·
3Kommentare
robertleeplummerjr
·
3Kommentare
bdedardel
·
3Kommentare
loki0609
·
3Kommentare
Hilfreichster Kommentar
Nach vielen Versuchen habe ich einen Weg gefunden, multidynamische Slots zum Laufen zu bringen. Wenn ich dem Stammelement der Dynamics Slot-Vorlagen Schlüssel hinzufüge, fällt dies in die Arbeit:
das funktioniert nicht: hier reproduzieren
diese Arbeit: hier reproduzieren
Warum muss ich Schlüssel hinzufügen, damit es funktioniert? Ich habe etwas verpasst.