當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


Vue.js v-else-if用法及代碼示例

表示 v-if 的“else if 塊”。可以上鏈。

期望: any

細節

  • 限製:前一個兄弟元素必須有 v-ifv-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>

相關用法


注:本文由純淨天空篩選整理自vuejs.org大神的英文原創作品 v-else-if。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。