IF – Else statement in Vue.js

Last Updated: January 9, 2018

Let’s try to understand how to write IF-Else statement in Vue js. You have v-if,v-else-if,v-else

This is your Vue instance for this example

You can use v-show directive to display HTML element if some condition is true. I need to show message when user select more then one check box

“You have selected multiple days”

 

When user select more than one check box above messsage will be displayed as shown in below image
for

You can write the IF-Then staement like below

 
 No day selected 

 
 One day selected 

 
 You have slected multiple days
Test