[Vuejs]-Is there any way to use addClass() to added a class on click in vueJs?

2👍

✅

You can use

 onClk(e) {
    e.target.classList.add('red');
 }

You can check demo here

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;
    }
  }
})

Leave a comment