我想动态切换Vue.js中div上的click
事件的类,而不使用属性/数据来执行此操作。
这是我的div
<div class="quiz-item" @click="checkAnswer(1)">
单击此div
时,我想添加类quiz-item--correct
或quiz-item--incorrect
(此逻辑将在其他位置处理)。我不能使用属性,因为测验中的答案太多,因为它是一种可维护/可行的方法。
有没有人对如何实现此功能有任何想法?
答案 0 :(得分:12)
您可以这样做:
<div class="quiz-item" @click="$event.target.classList.toggle('classname')">
您可以查看演示此内容的小提琴:Here