「Vue.js」v-else-ifディレクティブを使うサンプル
構文
<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>