How to resolve this issue in Vuejs?

Question

I am working on [email protected] version. I trying to use v-if, v-else-if..... but not work.

Example:

<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>
  Not A/B/C
</div>

It prints all condition values.

Does vuejs support v-elseif blocks in version 1?

[email protected] does not support v-else-if

Ja9ad335h
– Ja9ad335h

2019-11-12 13:52:46 +00:00
Commented Nov 12, 2019 at 13:52 — Ja9ad335h
– Ja9ad335h, Commented Nov 12, 2019 at 13:52

tony19 · Accepted Answer · 2022-07-15 01:45:31Z

1

As per official vue documentation v-else-if is added in 2.1.0+ version and you are using old version of vue.please update your vue version. Refer this: https://v2.vuejs.org/v2/guide/conditional.html#v-else-if

edited Jul 15, 2022 at 1:45

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Nov 12, 2019 at 14:02

Sarjerao Ghadage

1,55616 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to resolve this issue in Vuejs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related