Синтаксис двойных фигурных скобок не работает с HTML-атрибутами. Вместо него нужно использовать директиву v-bind:
v-bind
<div v-bind:id="dynamicId"></div>
При использовании с булевыми атрибутами v-bind работает немного иначе.
В этом примере:
<button v-bind:disabled="isButtonDisabled">Кнопка</button>
Если значением isButtonDisabled будет null, undefined или false, то атрибут disabled не добавится в элемент <button>.
isButtonDisabled
null
undefined
false
disabled
<button>
В интер поляции атрибутов можно использовать выражения JS
Last updated 6 years ago
