Как рендерить список со своим стилем в vue.js?

Question

[Михаил]

Есть список, в котором один из столбцов должен менять свой класс в зависимости от условия, как сделать?

<tr v-for="tick in ticket">
    <td>${ tick.title }</td>
    <td>${ tick.priority }</td>
     <td v-if="tic.closed" class="P2CL2TBTDesc">
         ${ tick.description }
    </td>
     <td v-else class="P2CL2TBTDesc asc">
         ${ tick.description }
    </td>
</tr>

Comments

[Сергей delphinpro]

https://ru.vuejs.org/v2/guide/class-and-style.html

v-bind:class="{P2CL2TBTDesc: tic.closed}"

Answer 1

[0xD34F]

Наверное, вместо использования v-if / v-else следует добавить элементам массива свойство, которое будет указывать на необходимость назначения класса. Так пойдёт?

Comments

[Михаил]

Да, большое спасибо