javascript - Vue.js - 在点击事件上添加类

标签 javascript css events onclick vue.js

我想在 click 上动态切换一个类在不使用属性/数据的情况下在 Vue.js 中的 div 上发生事件。

这是我的div

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

当这个div单击,我想添加类 quiz-item--correctquiz-item--incorrect (这个逻辑将在别处处理)。我无法使用属性,因为测验中的答案太多,无法成为一种可维护/可行的方法。

有人对我如何实现此功能有任何想法吗?

最佳答案

你可以这样做:

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

您可以查看演示此内容的 fiddle :Here

关于javascript - Vue.js - 在点击事件上添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43067258/

相关文章:

jquery - 应用边框时保持元素位置固定

java - 在 Swing 中显示所有鼠标悬停事件?

C# VSTO Outlook 插件 - 调试文本选择事件?

javascript - 防止硬编码的 JavaScript 事件

javascript - 在字符串数组中查找数字

javascript - 如何使用类方法作为回调在类中添加事件处理程序?

css - Ember.js - 根据对象属性更新 CSS 宽度

javascript - 加载脚本

javascript - 尽管导入了变量,但 Winless NameError

css - 如何让我的背景图像适合整个屏幕 CSS