v-show指令，控制元素的显示和隐藏
2018-09-13 本文已影响0人
greenPLUS
<body>
<div id="itany">
<button v-on:click="age">显示</button>
<h1 v-show="alt">{{msg}}</h1>
</div>
<script src="dist/vue.js"></script>
<script>
new Vue({
el:'#itany',
data:{
msg:'img/1.jpg',
alt:true//这个跟上边想要隐藏的内容有关
},
methods:{
//判断alt要是false的话就隐藏，true的话就显示
age:function(){
if(this.alt) {
this.alt=false
}else {
this.alt=true
}
/*this.alt=!this.alt*/
}
}
})
</script>
</body>
