首页 > 其他 > 详细

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

时间:2019-12-07 23:58:06      阅读:148      评论:0      收藏:0      [点我收藏+]
<!-- 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逻辑结构

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!