Как динамически сменить значение атрибута во vue.js?

Пользователь

от jorge , в категории: JavaScript , год назад

Как динамически сменить значение атрибута во vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от nicolette.stoltenberg , год назад

@jorge 

В Vue.js можно динамически менять значение атрибута, используя директиву v-bind или сокращенную форму :

  1. Используя директиву v-bind:
1
2
3
 
  


где className - переменная в вашей Vue-компоненте, содержащая имя класса. При изменении значения переменной className, класс у элемента будет автоматически обновляться.

  1. Используя сокращенную форму:
1
2
3
 
  


Обратите внимание, что в обоих случаях className должна быть свойством вашего Vue-компонента и соответствующее значение может быть обновлено в методе или вычисляемом свойстве компонента.