「Vue3」v-else-ifディレクティブの使い方
書式
<div v-else-if="条件">要素</div>
使用例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>v-else-ifのサンプル</title> <script src="https://unpkg.com/vue@next"></script> </head> <body> <div id="app"> <div v-if="type === 'FF'"> 要素データ111 </div> <div v-else-if="type === 'EE'"> 要素データ222 </div> <div v-else-if="type === 'KK'"> 要素データ33 </div> <div v-else> 指定要素以外 </div> </div> <script> const app = { data() { return { type: "EE" } } }