v-if多个条件判断语句

v-if多个条件判断语句
还有条件则继续增加v-else-if

// 我这里是三个条件,如果还有条件则继续增加 v-else-if
	<div v-if="item.enable === '已签到'">
		<span class="badge badge-success">{{ item.enable }}</span>
	</div>
	<div v-else-if="item.enable === '缺勤'">
		<span class="badge badge-danger">{{ item.enable }}</span>
	</div>
	<div v-else-if="item.enable === '请假'">
		<span class="badge badge-warning">{{ item.enable}}</span>
	</div>

你可能感兴趣的:(Vue.js,Vue,vue,vue.js,v-if)