vue绑定表格多种状态class的方式

例子html

 <div v-else-if="iten.val=='Sex'">
		<span :class="{ 'sex_boy': scope.row.Sex == 0 , 'sex_girl': scope.row.Sex == 1 }">							
	    		<template  v-if="scope.row.Sex == 0" >男</template>
	    		<template  v-if="scope.row.Sex == 1" >女</template>												
		</span> 										
</div>

style

<style>
	.sex_boy{
		color: #fff;
		padding: 2px 10px;
    border: 1px solid #4ab9ff ;
    border-radius: 13px;  
    background-color: #4ab9ff;

	}
	.sex_girl{
		color: #fff;
		padding: 2px 10px;
    border: 1px solid #ff7ebb ;
    border-radius: 13px;
    background-color: #ff7ebb;

	}

 </style>