Vue: les noms d'attributs dynamiques ne sont pas reconnus comme décrit dans la documentation Vue.js

Créé le 21 févr. 2019 · 3Commentaires · Source: vuejs/vue

Version

2.6.6

Lien de reproduction

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

Étapes à reproduire

Créez une application Vue avec la propriété de données attrName avec une valeur de href
Créez une balise HTML <a> avec l'attribut bind suivant v-bind:[attrName]=some-link

Qu'est-ce qui est attendu ?

Je m'attendais à ce que le DOM produise une sortie similaire à la suivante, conformément aux attentes définies ici

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

Je pouvais m'attendre à ce que les documents soient corrigés de manière à ne pas montrer un exemple de cas de chameau.

Que se passe-t-il réellement ?

Ce qui précède échouera avec la console indiquant que attrname n'existe pas.

attrname en minuscule n'étant nulle part dans le code écrit.

Source

rustysys-dev

Commentaire le plus utile

@posva merci, et oui, je vais vérifier le dépôt vuejs.org et y ouvrir un nouveau problème si le problème n'y est pas résolu.

EDIT : Vous avez fini par créer la pull request, elle attend d'être fusionnée ! Merci encore!

rustysys-dev le 21 févr. 2019

❤3

Tous les 3 commentaires

Bon sang, cela devrait en effet être mis à jour dans la documentation. Nous ne pouvons pas utiliser de variables camelCase dans les modèles html, nous devrions le refléter via une note. Cela ne fonctionnera que sur les fichiers Vue et les modèles de chaîne. Pourriez-vous vérifier si le problème existe sur le référentiel vuejs.org et si ce n'est pas le cas, en ouvrir un nouveau s'il vous plaît ? Si vous avez envie de créer une pull request à la place, ce serait également bien