Vue if

If else if vue

<div v-if="type === 'A'">
  A
</div>
<div v-else-if="type === 'B'">
  B
</div>
<div v-else-if="type === 'C'">
  C
</div>
<div v-else>
  No A, B or C
</div>

Vue v-if compare string

<span v-for="role in user.roles">
    <span v-if="role.name == 'Admin'">Yes</span>
    <span v-else>-</span>
</span>

Source: stackoverflow.com

Vue if

<h1 v-if="variable">Vue is awesome!</h1>

-2

Source: vuejs.org

Similar codes

1 vote182 views1 answer
How to break between characters in html
Html
1 vote192 views2 answers
Tailwind CSS alert
Html
0 vote197 views1 answer
Bookmarks Manager
Html
0 vote178 views1 answer
Angular right click not working
Html
1 vote189 views3 answers
Center bootstrap card
Html
0 vote194 views2 answers
Laravel csrf protection
Html
0 vote183 views4 answers
Add link to text using span html
Html
3 votes176 views3 answers
Bootstrap 4 image thumbnail class
Html
1 vote180 views2 answers
Add html validation to mobile number
Html
2 votes176 views1 answer
Html how to move element to the bottom right of page
Html