I am encountering a compilation error while using "if" and "else-if".
[Vue warn]: Failed to resolve directive: else-if
Here is the code I am working with:
var app = new Vue({
el:"#app",
data:{
lab_status : 2
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.28/vue.js"></script>
<div id="app">
<span v-if="lab_status==0">Inactive</span>
<span v-else-if="lab_status==1">Active</span>
<span v-else>Expired</span>
</div>
Looking for assistance in resolving this issue.