Какие аналоги toggleClass существуют во vue.js?

Question

[tvelforce]

Есть небольшой список:

<li><a href="#" v-on:click="golist('cpu')">Процессоры</i></a></li>
<li><a href="#" v-on:click="golist('gpu')">Видеокарты</i></a></li>
<li><a href="#" v-on:click="golist('games')">Игры</a></li>

При клике на определенную вкладку тегу "a" нужно присвоить класс ACTIVE, ну и разумеется снять такой у остальных если имеется, каким образом это можно реализовать на vue.js? Желательно конечно попроще, как в jquery.

Answer 1

[Pavel]

Как вариант, так:

data: {
    ...
    visibility: 'cpu' //активная вкладка по дефолту
},
methods: {
    golist: function(val) {
        this.visibility = val;
        ...
    }
}

<li><a href="#" v-on:click="golist('cpu')" :class="{ active: visibility == 'cpu' }">Процессоры</i></a></li>
<li><a href="#" v-on:click="golist('gpu')" :class="{ active: visibility == 'gpu' }">Видеокарты</i></a></li>
<li><a href="#" v-on:click="golist('games')" :class="{ active: visibility == 'games' }">Игры</a></li>