Vue: dynamische Attributnamen werden nicht wie in den Vue.js-Dokumenten beschrieben erkannt

Erstellt am 21. Feb. 2019 · 3Kommentare · Quelle: vuejs/vue

Ausführung

2.6.6

Reproduktionslink

https://jsfiddle.net/ferpzqvx/2/

Schritte zum Reproduzieren

Erstellen Sie eine Vue-App mit der Dateneigenschaft attrName mit einem Wert von href
Erstellen Sie ein <a> HTML-Tag mit dem folgenden Attribut bind v-bind:[attrName]=some-link

Was wird erwartet?

Ich hatte erwartet, dass das DOM gemäß den hier festgelegten Erwartungen eine Ausgabe ähnlich der folgenden erzeugt

<a href="www.google.com">Website</a>

ODER

Ich könnte erwarten, dass die Dokumente so korrigiert werden, dass sie kein Kamelfallbeispiel zeigen.

Was passiert eigentlich?

Das obige schlägt fehl, wenn die Konsole sagt, dass attrname nicht existiert.

attrname in Kleinbuchstaben steht nirgendwo im geschriebenen Code.

Quelle

rustysys-dev

Hilfreichster Kommentar

@posva danke, und ja, ich werde das vuejs.org-Repo überprüfen und dort ein neues Problem eröffnen, wenn das Problem dort nicht behoben ist.

EDIT: Am Ende wurde der Pull-Request erstellt, er wartet darauf, zusammengeführt zu werden! Danke noch einmal!

rustysys-dev am 21. Feb. 2019

❤3

Alle 3 Kommentare

Verdammt, dies sollte in der Tat in docs aktualisiert werden. Wir können keine camelCase-Variablen in HTML-Vorlagen verwenden, wir sollten dies in einer Notiz widerspiegeln. Es funktioniert nur bei Vue-Dateien und String-Vorlagen. Könnten Sie überprüfen, ob das Problem im vuejs.org-Repository besteht und wenn nicht, öffnen Sie bitte ein neues? Wenn du stattdessen Lust hast, einen Pull-Request zu erstellen, wäre das auch gut

posva am 21. Feb. 2019

@posva danke, und ja, ich werde das vuejs.org-Repo überprüfen und dort ein neues Problem eröffnen, wenn das Problem dort nicht behoben ist.

EDIT: Am Ende wurde der Pull-Request erstellt, er wartet darauf, zusammengeführt zu werden! Danke noch einmal!

rustysys-dev am 21. Feb. 2019

❤3

Hinweis hinzugefügt in https://github.com/vuejs/vuejs.org/commit/50589c52d89e06a4ee14c950d550c6f235125940

yyx990803 am 21. Feb. 2019

👍1

War diese Seite hilfreich?

0 / 5 - 0 Bewertungen