Vue之v-if条件指令控制页面元素

作用

根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。
如果元素是 ,将提出它的内容作为条件块。

demo地址

https://github.com/comeriven/Vue

代码演示

https://jsfiddle.net/riven952465/uffma8yu/

egg

HTML

<div id="app">
  <p v-if="seen">
    这是一个条件指令控制的段落元素
  </p>
</div>

JavaScript

// 当seen的值为false时,P标记消失,反之出现
var obj = new Vue({
    el:'#app',
    data: {
        seen:true
    }
})

发布者

iamorz

前端技术群:263240563

发表评论

电子邮件地址不会被公开。 必填项已用*标注