「Vue.js」v-else-ifディレクティブを使うサンプル

2020年11月26日

構文
<div v-else-if="条件式">
some code
</div>
使用例

<div id="arkgame">
    <div v-if="dep === 'E'">
      1001
    </div>
    <div v-else-if="dep === 'B'">
      2002
    </div>
    <div v-else-if="dep === 'D'">
      3003
    </div>
    <div v-else>
      Not condition E/B/D
    </div>
</div>
<script src="vue/2.2.2/vue.min.js"></script>    
<script>
new Vue({
  el: '#arkgame',
  data: {
    dep: 'B'
  }
})
</script>