有没有办法使用 addClass() 在 vueJs 中单击时添加一个类?

Question

我尝试了这段代码，但没有工作。有什么解决办法吗？请帮助我。谢谢。

<div id="app">
<li class="blah" @click="onClk">
Divs to be clicked
</li>
</div>
new Vue({
el: '#app',
methods: {
onClk(e) {
e.target.addClass('red');
}
}
})

Answer 1

classList不是Vue.js的陈述式思维方式。理想情况下，您的代码将是：

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

Answer 2

您可以使用

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

您可以在此处查看演示