阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Vue.js v-else

      v-else

      • 不需要表达式

      • 限制:前一兄弟元素必须有 v-ifv-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>
      
      目录
      本文目录
      目录