Vue: Análisis incorrecto cuando los datos vinculados contienen una comilla invertida

Creado en 14 jul. 2016 · 5Comentarios · Fuente: vuejs/vue

Versión de Vue.js

1.0.26

Enlace de reproducción

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

pasos para reproducir

Enlazar un objeto en línea con un valor que contenga el carácter de comilla invertida
¿Lo que es esperado?
El objeto se reproduce correctamente en el modelo de datos
¿Qué está pasando realmente?
scope. se agrega a todo lo que se encuentra entre la comilla invertida y una cita de escape.

Estamos usando accesorios para crear un modelo de datos inicial desde el servidor al navegador. Lo estamos haciendo de manera similar al ejemplo que se muestra en CodePen. Básicamente, nuestra instancia raíz de Vue contiene una lista de accesorios que aparecerán en el elemento y que el servidor completará.

bug

Fuente

sirlancelot

Comentario más útil

@LinusBorg - ¡ https://www.debuggex.com/ muy útil!

skyronic en 22 jul. 2016

👍10

Todos 5 comentarios

Como solución temporal, puede evitar el problema escapando de la comilla invertida.

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

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

Para cualquiera que esté investigando, parece que el problema no ocurre cuando la matriz contiene solo un elemento.

Etheryte en 14 jul. 2016

Hice un cambio a una expresión regular y parece que ahora funciona bien. Sin embargo, esto parecía una expresión regular muy importante y no estoy seguro del parche.