码迷,mamicode.com
首页 > 其他好文 > 详细

vue中指令绑定的v-if逻辑结构

时间:2019-12-08 01:05:53      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:class   als   就会   显示   lse   逻辑   出现   也会   net   

<!-- if判断 -->
<div id="app2">
    <p  v-if="seen"> <!-- 给p标签绑定指令 -->
        显示内容
    </p>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var app2 = new Vue({
        el: "#app2",
        data: {
            seen: true
        }
    });
</script>

技术图片

在控制台中输入app2.seen 会获得 app2中数据seen的值,同时也可以赋值为false ,这样就会将p标签从文档中移除,如果再将其赋值为true,就会重新显示,而且文档中也会出现p的标签

不会显示

技术图片

重新显示

技术图片

vue中指令绑定的v-if逻辑结构

标签:class   als   就会   显示   lse   逻辑   出现   也会   net   

原文地址:https://www.cnblogs.com/zxcv123/p/12004006.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!