v-else-if

一、认识

---

v-else-if 表示 v-if 的 else if 块。可以进行链式调用。

• 上一个兄弟元素必须有 v-if 或 v-else-if

• 可用于 <template> 表示仅包含文本或多个元素的条件块

二、语法

---

<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>