Vue: nomes de atributos dinâmicos não são reconhecidos conforme descrito nos documentos Vue.js

Criado em 21 fev. 2019 · 3Comentários · Fonte: vuejs/vue

Versão

2.6.6

Link de reprodução

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

Passos para reproduzir

Crie um aplicativo Vue com a propriedade de dados attrName com um valor de href
Crie uma tag HTML <a> com o seguinte atributo bind v-bind:[attrName]=some-link

O que é esperado?

Eu esperava que o DOM produzisse uma saída semelhante à seguinte, de acordo com as expectativas definidas aqui

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

Eu poderia esperar que os documentos fossem corrigidos para não mostrar um exemplo de caixa de camelo.

O que realmente está acontecendo?

O exemplo acima irá falhar com o console dizendo que attrname não existe.

attrname em caixa baixa não estando em nenhum lugar no código escrito.

Fonte

rustysys-dev

Comentários muito úteis

@posva, obrigado e sim, vou verificar o repositório vuejs.org e abrir um novo problema lá se o problema não for corrigido lá.

EDITAR: Terminado criado o pedido pull, está aguardando para ser mesclado! Obrigado novamente!

rustysys-dev em 21 fev. 2019

❤3

Todos 3 comentários

Droga, isso deve ser realmente atualizado em docs.não podemos usar variáveis camelCase em modelos html, devemos refletir isso por meio de uma nota. Ele só funciona em arquivos Vue e modelos de string. Você poderia verificar se o problema existe no repositório vuejs.org e, se não, abra um novo, por favor? Se você quiser criar uma solicitação pull, isso também seria bom