先上代碼,問題如標題,根據p的內容不同來為其添加不同顏色的背景顏色,自己弄了好久,不知道怎么搞了~<table cellSpacing=0 cellPadding=0 id="right_table2" class="table table-bordered">
<tr v-for="item in data4" >
<td><p>{{item.gonghangId}}</p></td>
<td><p>{{item.jianhangId}}</p></td>
<td><p>{{item.nonghangId}}</p></td>
<td><p>{{item.zhonghangId}}</p></td>
<td><p>{{item.zhaoshangId}}</p></td>
<td><p>{{item.jiaohangId}}</p></td>
<td><p>{{item.pufaId}}</p></td>
<td><p>{{item.guangdaId2}}</p></td>
<td><p>{{item.guangdaId}}</p></td>
</tr>
</table>data4: [
{regions: '云南', gonghangId: '測試', jianhangId: '不準入', nonghangId: '協議流轉', zhonghangId: '談費率', zhaoshangId: '測試', shuangyouId:''},
{regions: '江蘇', gonghangId: '測試', jianhangId: '測試', nonghangId: '協議流轉', zhonghangId: '不合作', zhaoshangId: '測試', shuangyouId:'談費率'},
]
vue 如何根據數組對象屬性值的不同,添加不同的樣式?
阿波羅的戰車
2018-07-11 14:17:42