How to render a list with custom style in vue.js?

Question

Vue.js

There is a list in which one of the columns should change its class depending on the condition, how to do it?

<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>

Answer 1

Probably, instead of using v-if/ v-else, you should add a property to the array elements that will indicate the need to assign a class. Will it go like that ?