Я хотел бы условно отключить определенную ссылку в автоматически отображаемом списке в Vue.js, вот что у меня есть на данный момент:
<ul>
<li class = "nav-item" :key = "id" v-for = "(item, id) in listOfItems">
<a class = "nav-link" :id = "item.id">{{ item.name }}</a>
</li>
</ul>
В принципе, в некоторых условиях я хотел бы отключить одну из ссылок из listOfItems и вернуть ее активной, если это условие больше не применимо. Если я привязываю условный класс, он применяется к каждому элементу в списке:
:class = "[someCondition = 'something' ? 'disabled' : '']"
Как указать в этом условии, какой именно пункт должен быть отключен, если условие истинно?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете поместить дополнительное свойство для любых элементов, которые вы хотите проверить таким образом:
listOfItems: [
{ id: 1, name: 'name1', checkme: true },
{ id: 2, name: 'name2', checkme: false },
]
Затем, используя синтаксис привязки объектов и ===, поскольку вы выполняете сравнение:
:class = "{ disabled: item.checkme && someCondition === 'something' }"