显示与隐藏图片
直接上代码吧!!!!
<div id="app">
<img src="demo.png" v-show="showtime" />
<el-button @click="click">显示图片</el-button>
</div>
<script>
new Vue({
el: '#app',
data: {
showtime: false
},
methods:{
click(){
this.showtime = true;
}
}
})
</script>
这里看到v-show的初始值是false,也就是说他是不显示的
<div id="app">
<img src="demo.png" v-show="showtime" />
<el-button @click="click">隐藏图片</el-button>
</div>
<script>
new Vue({
el: '#app',
data: {
showtime: true
},
methods:{
click(){
this.showtime = false;
}
}
})
</script>
两者换一下Boolean值,功能也就相反了!