Vue: Los nombres de atributos dinámicos no se reconocen como se describe en los documentos de Vue.js

Creado en 21 feb. 2019 · 3Comentarios · Fuente: vuejs/vue

Versión

2.6.6

Enlace de reproducción

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

pasos para reproducir

Cree una aplicación Vue con la propiedad de datos attrName con un valor de href
Cree una etiqueta HTML <a> con el siguiente atributo bind v-bind:[attrName]=some-link

¿Lo que es esperado?

Esperaba que el DOM produjera un resultado similar al siguiente, según las expectativas establecidas aquí

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

Podría esperar que los documentos se arreglen para que no muestren un ejemplo de caso de camello.

¿Qué está pasando realmente?

Lo anterior fallará con la consola diciendo que attrname no existe.

attrname en minúsculas no está en ninguna parte del código escrito.

Fuente

rustysys-dev

Comentario más útil

@posva gracias, y sí, revisaré el repositorio de vuejs.org y abriré un nuevo problema allí si el problema no se soluciona allí.

EDITAR: Terminó de crear la solicitud de extracción, ¡está esperando ser fusionada! ¡Gracias de nuevo!

rustysys-dev en 21 feb. 2019

❤3

Todos 3 comentarios

Maldita sea, esto debería actualizarse en los documentos. No podemos usar variables camelCase en plantillas html, deberíamos reflejar eso a través de una nota. Solo funcionará en archivos Vue y plantillas de cadenas. ¿Podría verificar si el problema existe en el repositorio de vuejs.org y, si no es así, abra uno nuevo, por favor? Si tiene ganas de crear una solicitud de extracción, también sería bueno