Krokor
@Krokor
Студент SFU, .NET developer.

Vue, применение стилей к одному из нескольких одинаковых элементов?

<div v-for="(Etask) in Etasks" :key="Etask.id" class="card-action">
             <div class="card ">
                <div v-bind:class="classcomplite" class="card-content">
                <div class="row">
                  <div class="col s11 m11 l11">
                    <p><h6 v-bind:class="classtext">Name Task: {{ Etask.title }}</h6></p>
                  </div>
                  <div class="col s1 m1 l1">
                    <a href="#" v-bind:class="classcomplite" class="btn-floating red" v-on:click="taskcomplite(Etask.id)"><i class="material-icons">done</i></a>
                  </div>
                </div>
           </div>
     </div>
 </div>

Как видите рендорится несколько элементов с одинаковыми стилями, надо изменить стили только у одного элемента, где задать условие? условие совпадение id с сущностью.
  • Вопрос задан
  • 386 просмотров
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
Делайте получение стиля через метод, в который будете передавать Id по которому определять какой стиль вернуть. Ну или прямо в атрибуте пишите
<div v-bind:class="{ 'класс_для_определенного': id === 10, 'класс_для_всех': true }></div>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 20:43
20000 руб./за проект
19 апр. 2024, в 20:11
500 руб./за проект