根据v-for遍历出来的数据，判断该条数据显示的样式

2019独角兽企业重金招聘Python工程师标准>>>

html代码：

<tbody>
	<tr :class="trColor(item.number)" v-for="item in items">
		<td>{{item.name}}</td>
		<td>{{item.code}}</td>
		<td  :class="color(item.number)">{{item.number}}</td>
	</tr>
</tbody>			    

JS代码

export default{
        data() {
                items:[],  //这里就不写数据了，瞎编就行
                color: function(number){
                        if(number == 1){
                                return "red";
                        }
                },
                trColor: function(number){
                    if(number == 2){
                            return "blue";
                    }
                }
        }
}

css代码

.red{
        color:red;
}
.blue{
        color:blue;
}

转载于:https://my.oschina.net/daladida/blog/1561045