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

Question

正常写

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>

Answer 1

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

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

Answer 2

比如我用样式来控制一个div选中效果，选中时<div class='selected'></div> 没选中时为<div class='other'></div> ，有没有对应的if else的写法呢

Answer 3

进错地方了。。。

Answer 4

用 v-if v-else-if v-else