Как переключить класс в vue.js?
У меня есть следующее:
<th class="initial " v-on="click: myFilter">
<span class="wkday">M</span>
</th>
new Vue({
el: '#my-container',
data: {},
methods: {
myFilter: function(){
// some code to filter users
}
}
});
Когда я нажимаю th
я хочу применить active
как класс следующим образом:
<th class="initial active" v-on="click: myFilter">
<span class="wkday">M</span>
</th>
Это должно переключаться, т.е. каждый раз, когда его нажимают, ему нужно добавлять/удалять класс.