vue.js - Vue,2个V-if，后面的v-else，如何处理？

问题描述

问 题

正常写

if(part.status == 2){
    ..
}else if(part.status == 1 &&  part.listentest == 1){
    ..
}else{
   ..
}

但是v-else只跟前面一个v-if，应该怎么处理？

<div class="span" v-if=" part.status == 2 "><i class="icon icon-ok"></i>已完成</a></div>
<div class="span" v-if=" part.status == 1 &&  part.listentest == 1"><i class="icon"></i>免费试听</a></div>
<div class="span" v-else><a href="" class="ui-btn ui-btn-mini ui-btn-round ui-btn-secondary">去学习</a></div>

解决方案

<div v-if=""></div>
<template v-else> 
    <div v-if=""></div>
    <div v-else></div>
</template>

简单来说就是把后面那个if-else用嵌入的方式放进去

这篇关于vue.js - Vue,2个V-if，后面的v-else，如何处理？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！