Задать вопрос
@vetsmen
vue

Как добавить класс во Vue.JS?

Есть данный блок:
<div class="profile"></div
А так же объект, в котором хранится название класса, которое нужно добавить.
Делаю так:
<div class="`profile ${userdata.auth_service}`">
Однако Vue обрабатывает не как переменную, а как сам класс 0aa144d023.jpg

Почему? Ведь с тегом href такая вставка переменных работает. И как можно выйти из этой ситуации?
  • Вопрос задан
  • 2275 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
0xD34F
@0xD34F Куратор тега Vue.js
<div :class="`profile ${userdata.auth_service}`">

или

<div :class="[ 'profile', userdata.auth_service ]">

или

<div class="profile" :class="userdata.auth_service">
Ответ написан
Комментировать
Комментировать
riot26
@riot26
<:З )~~
<div :class="'profile' + userdata.auth_service">
Как-то так. v-bind:class или сокращённо :class
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@numfin
"Как читать документацию мимо строк"
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Второй ведущий разработчик (Fullstack, PHP, Laravel, Vue, Mysql)
Donatov.net
от 100 000 до 300 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1000 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы