Vue: имена динамических атрибутов не распознаются, как описано в документации Vue.js

Созданный на 21 февр. 2019 · 3Комментарии · Источник: vuejs/vue

Версия

2.6.6

Ссылка для воспроизведения

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

Действия по воспроизведению

Создайте приложение Vue со свойством данных attrName со значением href
Создайте HTML-тег <a> со следующим атрибутом bind v-bind:[attrName]=some-link

Что ожидается?

Я ожидал, что DOM выдаст результат, подобный следующему, в соответствии с ожиданиями, установленными здесь

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

ИЛИ

Я мог ожидать, что документы должны быть исправлены, чтобы не показывать пример случая с верблюдом.

Что на самом деле происходит?

Вышеупомянутое завершится ошибкой, если консоль сообщит, что attrname не существует.

attrname в нижнем регистре нигде в коде не написано.

Источник

rustysys-dev

Самый полезный комментарий

@posva, спасибо, и да, я проверю репозиторий vuejs.org и открою там новый выпуск, если проблема там не будет устранена.

РЕДАКТИРОВАТЬ: завершено создание запроса на перенос, он ожидает объединения! Спасибо еще раз!

rustysys-dev 21 февр. 2019

❤3

Все 3 Комментарий

Черт, это действительно должно быть обновлено в документации. Мы не можем использовать переменные camelCase в html-шаблонах, мы должны отразить это в примечании. Он работает только с файлами Vue и строковыми шаблонами. Не могли бы вы проверить, существует ли проблема в репозитории vuejs.org, а если нет, откройте новый, пожалуйста? Если вы хотите создать запрос на перенос, это тоже будет хорошо