3
classList
is not the Vue.js way of declarative thinking. Ideally your code would be:
<div id="app">
<li class="blah" @click="onClk" :class="{ red: isActive }">
Divs to be clicked
</li>
</div>
new Vue({
el: '#app',
data() {
return {
isActive: false
};
}
methods: {
onClk(e) {
this.isActive = true;
}
}
})
Source:stackexchange.com