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

Question

[Павел Кравченко]

<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 с сущностью.

Answer 1

[Владимир Проскурин]

Делайте получение стиля через метод, в который будете передавать Id по которому определять какой стиль вернуть. Ну или прямо в атрибуте пишите

<div v-bind:class="{ 'класс_для_определенного': id === 10, 'класс_для_всех': true }></div>