Vue 点击按钮出现,再次点击消失
Html代码:<div class="demo"><button class="btn" v-on:click = "change">隐藏</button><div class="area" v-show="showArea"></div></div>Vue代码:new Vue({el:".demo",data:{showAr
·
Html代码:
<div class="demo">
<button class="btn" v-on:click = "change">隐藏</button>
<div class="area" v-show="showArea"></div>
</div>
Vue代码:
new Vue({
el:".demo",
data:{
showArea:true
},
methods:{
change:function(){
if(this.showArea){
this.showArea=false
}else{
this.showArea=true
}
}
}
})
更多推荐
已为社区贡献1条内容
所有评论(0)