Javascript 使用vue js动态更改CSS类

我已经使用vue大约一个月了，但有一件事我还没有真正做到，那就是这一点

所以在twig我们可以做这样的事情

<th class=" 
  {% if condition %}
      class1
  {% else %}      
      class2
  {% end if %}  
">

<th class="sorting_asc" v-for="col in columns" v-if="col.label == sortKey">
<th class="sorting" v-for="col in columns" v-else>

---

因此，我的第一个问题是，我似乎无法在Vue js中实现类似的功能。其次，在我编写了“v-if=”col.label==sortKey“的地方，我甚至可以在html块之外（在循环之外）访问car col.label。在高级版中感谢您

您可以使用vuejs执行以下操作：

从文件：

<div v-bind:class="{ active: isActive }"></div>

---

上述语法意味着活动类的存在将由数据属性isActive的真实性决定。您也可以用返回布尔值的简单条件代替

isActive

，但仍有一个问题不清楚。如果存在${col.label}，我可以使用它吗？因为该值来自forloop@TheMan68我相信您要求这样做：

<div v-bind:class="{ active: isActive }"></div>