v-else-if使用方法

v-else-if 官网解释：充当v-if的“else-if 块”，可以连续使用当v-if 、 v-else 两个指令无法满足多条件的业务需求，可以使用v-else-if 增加多种情况的判断官网示例：<div v-if="type === 'A'">A</div><div v-else-if="type === 'B'">B</div><div

陈志强_前端

9727人浏览 · 2021-09-07 18:05:44

陈志强_前端 · 2021-09-07 18:05:44 发布

v-else-if 官网解释：充当 v-if 的“else-if 块”，可以连续使用

当v-if 、 v-else 两个指令无法满足多条件的业务需求，可以使用v-else-if 增加多种情况的判断

官网示例：

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