Vue v-else-if的使用

2.1.0 新增

v-else-if，顾名思义，充当 v-if 的“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>

类似于 v-else，v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后。

分类vue条件渲染相关推荐:

Vue v-if的使用 Vue v-else的使用 Vue v-else-if的使用 Vue 用 key 管理可复用的元素 Vue v-show的使用 Vue v-if vs v-show的使用 Vue v-if 与 v-for 一起使用

你我学习网

Vue教程文档

Vue v-else-if的使用

分类vue条件渲染相关推荐:

热门教程导航