Vue: Mauvaise analyse lorsque les données liées contiennent un backtick

Créé le 14 juil. 2016 · 5Commentaires · Source: vuejs/vue

Version Vue.js

1.0.26

Lien de reproduction

http://codepen.io/sirlancelot/pen/zBPVBo?editors=1010#0

Étapes à suivre pour reproduire

Lier un objet en ligne avec une valeur contenant le caractère backtick
Qu'est-ce qui est attendu?
L'objet est correctement reproduit dans le modèle de données
Que se passe-t-il réellement?
scope. est ajouté à tout ce qui se trouve entre le backtick et un devis échappé.

Nous utilisons des accessoires pour curry un modèle de données initial du serveur au navigateur. Nous le faisons d'une manière similaire à l'exemple montré dans le CodePen. Fondamentalement, notre instance racine de Vue contient une liste d'accessoires qui apparaîtront sur l'élément et sont remplis par le serveur.

bug

Source

sirlancelot

Commentaire le plus utile

@LinusBorg - J'ai utilisé https://www.debuggex.com/ très pratique!

skyronic le 22 juil. 2016

👍10

Tous les 5 commentaires

En guise de solution temporaire, vous pouvez contourner le problème en échappant à l'accompagnement.

//broken
:items="[{'title':'one','value':1},{'title':'t`wo','value':2}]"

//works
:items="[{'title':'one','value':1},{'title':'t\`wo','value':2}]"

Pour quiconque enquête, il semble que le problème ne se produit pas lorsque le tableau ne contient qu'un seul élément.

Etheryte le 14 juil. 2016

J'ai modifié une expression régulière et cela semble bien fonctionner maintenant. Cependant, cela semblait être une expression rationnelle très importante et je ne suis pas sûr du correctif.