在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue中用v-for渲染的數(shù)據(jù)怎樣添加不同的樣式？

Vue中用v-for渲染的數(shù)據(jù)怎樣添加不同的樣式？

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

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

</tr>

Data = [td:12,td:14]
如果我想為 td > 13 的單獨(dú)添加一個紅色樣式要怎么寫呢？

回答
編輯回答
尛曖昧

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

2018年1月16日 21:42
編輯回答
安淺陌
<tr v-for="item in Data">
  <td :class="{ red: item.td>13 }">{{item.td}}</td>
</tr>
2017年7月8日 11:03