Vue.js toggle class on click
You can have live class to be reliant on Boolean data.
<th class="initial " v-on="click: myFilter" v-class="active: isActive" > <span class="wkday">M</span> </th> new Vue({ el: '#my-container', data: { isActive: false }, methods: { myFilter: function(){ this.isActive = !this.isActive; // some code to filter users } } })
No need of function:
// html element <div id="mobile-toggle" v-bind:class="{ active: showMobileMenu }" v-on:click="showMobileMenu = !showMobileMenu"> </div> //in your vue.js app data: { showMobileMenu: false }