牛骨文教育服务平台(让学习变的简单)
博文笔记

vue的单击隐藏、双击出现事件:

创建时间:2017-03-16 投稿人: 浏览次数:11991

vue的单击隐藏、双击出现:

v-show=“true/false”

实例

<script>
        window.onload=function(){
            new Vue({
                el:"#box",
                data:{ //数据
                    a:true
                }
            });
        };
    </script>
</head>
<body>
    <div id="box">
        <input type="button" value="点击隐藏" v-on:click="a=false">
        <input type="button" value="双击出现" v-on:dblclick="a=true">
        <div style="width:100px; height:100px; background: red" v-show="a">
        </div>
    </div>
</body>

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。