Как сравнивать в v-bind:class?

Question

[Ложка в мозге]

Добрый вечер!
Мне нужно сровнять две переменных и если они равны активировать класс.
Например у меня есть логин и разобранный массив который содержит список логинов.

<template>
    <div>
        <div :class="[...'text':'']" v-for="item in test" :key=":test">
            Text!
        </div>
    </div>
</template>

<script>
export default{
    data:function(){
        return{
            login: 'admin',
            test:{
                liked:['admin']
            }
        }
    }
}
</script>

<style>
.text{
    color: red;
}
</style>

Как сровнять login и item.liked и если они одинаковые активировать класс text?

Answer 1

[Aetae]

:class="{ text: login === item.liked }"

Comments

[Andrey Suha]

У него в login строка, а в liked массив, возможно ему нужен includes

[Aetae]

Andrey Suha, возможно.)

[Andrey Suha]

Aetae, ну если автору будет нужно то он прояснит этот момент))

[Ложка в мозге]

Andrey Suha, та уже прояснил, но увы этот метод не работает в моём случае(

[Andrey Suha]

Ложка в мозге, не знаю где Вы прояснили, но я ничего так и не понял

[Ложка в мозге]

Andrey Suha, Тык, тут всё работает, но у меня увы...

[Andrey Suha]

Ложка в мозге, покажите свой код, ошибки которые получаете

[Ложка в мозге]

Andrey Suha, хотя нет - всё работает! Спасибо Вам большое!:)