如何在v-for循环内在vue js模板中绑定CSS类？

Question

在此示例中，如何为我的td类命名步骤的名称？

<td v-for="steps in item.steps" v:bind:class="item.steps.name">
 {{ item.steps.name }}
</td>

在此示例中，我的类的字面名称为item.steps.name，而不是返回值。其他一切正常。

Answer 1

使用v-bind:class而不是v:bind:class

Answer 2

这是因为您要遍历 item.steps ，每次迭代的名称为 steps ，并在类绑定中使用要遍历的变量。

改为尝试 steps.name 。