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

You can write the IF-Then staement like below


No day selected

One day selected

You have slected multiple days