当前位置: 首页 > 文档资料 > Vue.js 教程 >

7.13.6 v-else-if

优质
小牛编辑
133浏览
2023-12-01

2.1.0 新增

  • 类型:any
  • 限制:前一兄弟元素必须有 v-ifv-else-if
  • 用法:/li>

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