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

0 vote283 views1 answer
Remove padding in pre and code
Html
19 votes363 views6 answers
Navbar
Html
2 votes296 views1 answer
Make element disappear on smaller screens in bootstrap
Html
-1 vote293 views3 answers
Tailwind
Html
70 votes288 views6 answers
Html hyperlink
Html
19 votes250 views4 answers
Button disabled
Html
8 votes296 views2 answers
Numbered list bootstrap
Html
6 votes277 views4 answers
Html background image fit to screen
Html
52 votes282 views6 answers
Html stands for
Html
0 vote291 views1 answer
Add image to anchor
Html