首页 > 其他 > 详细

v-show/if 显示隐藏

时间:2019-06-04 16:27:14      阅读:93      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css" rel="stylesheet">

</head>

<body>
 
<div class="container" id=‘app‘>
<h2 v-if=‘flag‘>这是一句话</h2>
<button @click=‘show‘>按钮</button>
 
</div>

<script>
var vm = new Vue({
el: "#app",
data: {
flag:false
 
},
methods: {
show(){
this.flag=!this.flag
}
},
 
 
});
</script>


</body>

</html>

v-show/if 显示隐藏

原文:https://www.cnblogs.com/xiannv/p/10973876.html

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