Vue.js - 在Click事件上添加类

Question

我想动态切换clickVue.js中div 上事件的类,而不使用属性/数据来执行此操作.

这是我的div

<div class="quiz-item" @click="checkAnswer(1)">

div单击此按钮时,我想添加该类quiz-item--correct或quiz-item--incorrect(此逻辑将在其他地方处理).我无法使用属性,因为测验中有太多答案,因为它是一种可维护/可行的方法.

有没有人对如何实现这一功能有任何想法？

Answer 1

你可以这样做:

<div class="quiz-item" @click="$event.target.classList.toggle('classname')">

你可以检查一下小提琴演示: 这里

@LarsVandeDonk 如果您在`div` 中嵌套了可以接收点击的元素，您可能希望将点击处理程序更改为`$event.currentTarget.class...`。`target` 是指发生事件的元素，在您的情况下可以是任何子元素，`currentTarget` 将指代绑定事件处理程序的元素。希望这对你有帮助。 (3认同)