我正在尝试创建一个点击事件,它将在 HTML 元素上切换一个类。
我的 HTML 看起来像这样:
<navigation class="navigation" v-bind:class="{'class1': class1}">
在我的数据方法中我有:
data: {
class1: false
},
但是,当我单击该元素时没有任何反应,我什至没有在控制台中收到错误消息。也许我没有在我的代码中包含正确版本的 vueJS 以便使用事件处理程序?
您可以在此处查看包含完整代码的代码笔:https://codepen.io/fennefoss/pen/BGOywz
最佳答案
我在您的导航中没有看到点击处理程序?
<navigation @click="class1 = !class1" class="navigation" v-bind:class="{'class1': class1}">
例如,这将在点击时切换类。
关于vue.js - 点击切换类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53499922/