Question

我有以下代码：

<div class="LngList" v-for="(lang, index) in languages">
  <button @click="clickOnLanguage(lang.lang, index)" :class="{'ui negative basic button' : lang.isClicked }">{{lang.lang}}</button>
</div>

如果ui negative basic button为真，则将课程设置为lang.isClicked。但是如果值为false，我怎么能添加一些类？

Answer 1

向class绑定添加一个属性，该属性表示lang.isClicked为false时要显示的类。然后使用!lang.isClicked。

:class="{'ui negative basic button' : lang.isClicked, 'other class': !lang.isClicked }"

Answer 2

拥有默认类的最简单方法是像这样将条件设置为Agg：

true

Answer 3

要设置默认类，您还可以执行以下操作：

<button 
  class="default-class" 
  @click="clickOnLanguage(lang.lang, index)" 
  :class="{'ui negative basic button' : lang.isClicked }"
>
  {{lang.lang}}
</button>

如何在class上添加默认类？

3 个答案: