专栏名称: 俞其荣
向前跑 迎着冷眼和嘲笑 与 http://yuqirong.me 保持同步更新
目录
相关文章推荐
CINNO  ·  iOS ... ·  昨天  
CINNO  ·  Soulus首获LG ... ·  昨天  
CINNO  ·  台积电进军Micro ... ·  2 天前  
爱否科技  ·  疑似 Find X9 ... ·  3 天前  
51好读  ›  专栏  ›  俞其荣

Vue.js模板方法

俞其荣  · 简书  ·  · 2017-12-21 21:19

正文

请到「今天看啥」查看全文


<img id="app" src="https://www.baidu.com/img/bd_logo1.png" v-if="visible"/>

<script>
new Vue({
    el: '#app',
    data: {
        visible: true
    }
})
</script>

v-else-if/v-else

用于判断条件

<div id="app">
    <div v-if="type === 'A'">
      A
    </div>
    <div v-else-if="type === 'B'">
      B
    </div>
    <div v-else-if="type === 'C'">
      C
    </div>
    <div v-else>
      Not A/B/C
    </div>
</div>
    
<script>
new Vue({
  el: '#app',
  type: 'C'
})
</script>

v-show

可以使用 v-show 指令来根据条件展示元素,







请到「今天看啥」查看全文