v-else-if not working in vuejs : Failed to resolve directive: else-if

javascript vue.js vue-directives
devendra picture devendra · Jul 17, 2017 · Viewed 8.7k times · Source

I am using "if" and "else-if" but is giving me compilation error.

[Vue warn]: Failed to resolve directive: else-if

this is my code

Please help me to resove this.

Answer

Vamsi Krishna picture Vamsi Krishna · Jul 17, 2017

v-else-if is added in vue 2.1.0 but you are using version 1.0.28, that's why the error, update the vue version or use v-if only

<span v-if="lab_status==0">Inactive</span> 
<span v-if="lab_status==1">Active</span> 
<span v-if="lab_status!=1 && lab_status!=0">Expired</span>

See v-else-if

Related questions

Vue js how to prevent button clicked on two times continuously

I have a button, user can click the button more than one time if he want. But when the user click the button, he might accidentally click twice, in such cases second click should be blocked by the code. If …

Read More
How to disable input conditionally in vue.js

I have an input: <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> and in my Vue.js component, I have: .. .. ready() { this.form.name = this.store.name; this.form.validated = …

Read More
forEach is not a function error with JavaScript array

I'm trying to make a simple loop: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) But I get the following error: VM384:53 Uncaught TypeError: parent.children.forEach is not a function …

Read More