vue.js - 如何在vue中的不同if语句上添加类

Question

每次单击元素时，我都想更改元素的颜色（以显示开始、进行中和完成）。为此，我创建了一个变量并在每次用户单击它时增加其值，然后应用不同的类进行样式设置。 <div v-for="error in errors" :key="error" class="element" > <span @click="modify()"> {{error}}</span></div> 我在数据中声明了一个可变步骤

---

modify () {
    step = step + 1
}

---

现在我想改变这一步的样式基础（1、2、3）。任何想法，我该怎么做？

标签： vue.jsvue-component

Answer 1

你可以试试 ：

<div class="element" v-for="error in errors" :key="error" :class="step==1 ? 'class1' : 
  step==2 ? 'class2':'class3'">
  ....
 </div>