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-

大象与小蚂蚁的生活

4460人浏览 · 2022-02-23 11:31:52

大象与小蚂蚁的生活 · 2022-02-23 11:31:52 发布

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>