Vue: Schlechtes Parsen, wenn gebundene Daten einen Backtick enthalten
Vue.js Version
1.0.26
Reproduktionslink
http://codepen.io/sirlancelot/pen/zBPVBo?editors=1010#0
Schritte zum Reproduzieren
Binden Sie ein Inline-Objekt mit einem Wert, der das Backtick-Zeichen enthält
Was wird erwartet?
Das Objekt wird im Datenmodell ordnungsgemäß reproduziert
Was passiert eigentlich?
scope.wird zu allem zwischen dem Backtick und einem Escape-Zitat hinzugefügt.
Wir verwenden Requisiten, um ein erstes Datenmodell vom Server zum Browser zu übertragen. Wir machen das auf ähnliche Weise wie im CodePen. Grundsätzlich enthält unsere Root-Vue-Instanz eine Liste von Requisiten, die auf dem Element angezeigt werden und vom Server ausgefüllt werden.
sirlancelot
Alle 5 Kommentare
Als vorübergehende Problemumgehung können Sie das Problem umgehen, indem Sie den Backtick umgehen.
//broken
:items="[{'title':'one','value':1},{'title':'t`wo','value':2}]"
//works
:items="[{'title':'one','value':1},{'title':'t\`wo','value':2}]"
Für jeden, der nachforscht, scheint das Problem nicht aufzutreten, wenn das Array nur ein einziges Element enthält.
Etheryte
am 14. Juli 2016
Ich habe einen regulären Ausdruck geändert und dies scheint jetzt gut zu funktionieren. Dies schien jedoch ein sehr wichtiger regulärer Ausdruck zu sein, und ich bin mir des Patches nicht sicher.
Vor
Nach
(Ich habe den Teil rot hervorgehoben)
skyronic
am 19. Juli 2016
@skyronic welches RegExp-Tool ist das? sieht sehr nützlich aus ...
LinusBorg
am 22. Juli 2016
@LinusBorg - Ich habe https://www.debuggex.com/ sehr praktisch verwendet!
skyronic
am 22. Juli 2016
@skyronic thx! Ich benutze http://rubular.com/ oft. Es testet mit der Ruby Lib, funktioniert aber auch gut.
heygambo
am 27. Sept. 2016
Verwandte Themen
hiendv
·
3Kommentare
aviggngyv
·
3Kommentare
franciscolourenco
·
3Kommentare
guan6
·
3Kommentare
bdedardel
·
3Kommentare
Hilfreichster Kommentar
@LinusBorg - Ich habe https://www.debuggex.com/ sehr praktisch verwendet!