More than 5 years have passed since last update.

v-else

Posted at 2021-05-06

先ほどはtrueの時の表示だけですが、
falseの場合の表示もさせてみます。

ここで使うのが
v-else

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<div id="app">
<p v-if="ok">OK</p>
<p v-else>NG</p>
</div>

new Vue({
  el: '#app',
   data: {
   ok: false
 }
})

v-elseはv-ifの直後に使うこと。