vue.js - 点击切换类

Question

我正在尝试创建一个点击事件，它将在 HTML 元素上切换一个类。

我的 HTML 看起来像这样:

<navigation class="navigation" v-bind:class="{'class1': class1}">

在我的数据方法中我有:

            data: {
                class1: false 
            },

但是，当我单击该元素时没有任何反应，我什至没有在控制台中收到错误消息。也许我没有在我的代码中包含正确版本的 vueJS 以便使用事件处理程序？

您可以在此处查看包含完整代码的代码笔:https://codepen.io/fennefoss/pen/BGOywz

Answer 1

我在您的导航中没有看到点击处理程序？

<navigation @click="class1 = !class1" class="navigation" v-bind:class="{'class1': class1}">

例如，这将在点击时切换类。