Vue.js Vue使用一个按钮添加类，使用另一个按钮删除类

从Vue soooo开始…对我温柔点！：） 情况：我有两个不同的按钮，我想在另一个元素上设置/取消设置一个活动类，一个按钮设置该类，另一个按钮应该删除该活动类。我正在努力解决方法方面的问题（我想…）。代码来自Vuestrefont

<SfButton
        class="sf-button--text navbar__grid-view"
        @click="listView = false"
      >
        <SfIcon size="32px" color="#BEBFC4" icon="tiles" />
      </SfButton>
      <SfButton
        class="sf-button--text navbar__list-view"
        @click="listView = true"
      >
        <SfIcon size="32px" color="#BEBFC4" icon="list" />
      </SfButton>

---

有人能给我指出正确的方向吗？提前谢谢

您可以在下面的链接中阅读有关vue类和样式绑定的内容：

但简而言之，以下是您如何做到这一点：

<div :class="{'class-name': condition}"></div>

在模板中，您可以使用一个按钮来控制条件值：

<button @click="condition = false"></button>

<div :class="{'class-name': condition}"></div>

data() {
  condition: true,
}

<button @click="condition = false"></button>