Vue.js v-else

v-else

• 不需要表达式

• 限制：前一兄弟元素必须有 v-if 或 v-else-if。

用法

为 v-if 或者 v-else-if 添加“else 块”。

<div v-if="Math.random() > 0.5">
  Now you see me
</div>
<div v-else>
  Now you don't
</div>

参考

条件渲染 - v-else

该属性就好像我们学习JS的时候if…else…判断语句是一样的，

不同的是v-if…v-else…是写在模版或者组件中动态判断改变显示的元素。

<div id="example-if">
  <div class="div-A" v-if='Math.random()>0.5'>
    显示代码块A
  </div>
  <div class="div-B" v-else>
    显示代码块B
  </div>
</div>

<script type = "text/javascript">
  var vm = new Vue({
    el: '#example-if',
    data: {
    }
  });
</script>