Как получить доступ к атрибуту элемента для условного задания класса?

Question

[Zhanna_K]

Допустим есть такой список элементов.

<li class="tile red" data-tile="1"></li>
<li class="tile blue" data-tile="2"></li>
<li class="tile yellow" data-tile="3"></li>
<li class="tile green" data-tile="4"></li>

В свойствах приходит номер нужного сектора как:

props: {
        currentSector: Number
    }

Я хожу подсветить соответствующий элемент списка задав ему класс в примерно в таком виде:

:class="[this.currentSector ===  (здесь значение атрибута)  ? 'hightlighted' : '' ]"

Как это можно сделать?

Answer 1

[alexalexes]

Если у вас этот список строится через v-for, то ничего не стоит на нужном элементе подсунуть нужный класс.

Comments

[Zhanna_K]

нет, v-for не использовала, но действительно, можно попробовать сделать так. Спасибо!