v-show:控制元素的显示和隐藏,使用display:none来隐藏
例:
html部分
<div id="itany">
<button v-on:click="hide()">点击隐藏</button>
<div style="width: 100px;background: #f00;" v-show="seen">
</div>
</div>
js部分
<script>
new Vue({
el: '#itany',
data: {
seen: true
},
methods: {
hide: function() {
this.seen = !this.seen;
}
}
})
</script>
网友评论