Vue中用v-for渲染的数据怎样添加不同的样式?

kawhi
  • 24

比方说:
<tr v-for="item in Data">

<td class="red">{{item.td}}</td>

</tr>

Data = [td:12,td:14]
如果我想为 td > 13 的单独添加一个红色样式要怎么写呢?

回复
阅读 2.4k
2 个回答
<tr v-for="item in Data">
  <td :class="{ red: item.td>13 }">{{item.td}}</td>
</tr>
波罗丁的菠萝
  • 882

v-bind:class{'red':item.td>13}

宣传栏