初识Vue 3.0 —— 条件if:控制元素显示隐藏
七娃博客702人阅读
<h5>4.条件if:控制元素显示隐藏</h5> <div class="show"> <img v-if="seen" src="https://ssyerv1.oss-cn-hangzhou.aliyuncs.com/picture/1fabda50b9914134951dbc1caa791007.jpg" alt=""/> <button v-on:click="changeS">切换显示状态</button> </div> <pre>v-if条件判断,符合条件显示,否则不渲染</pre> <script type="text/javascript"> //条件判断,控制元素显示隐藏 const shows={ data(){ return{ seen:true } }, methods:{ changeS(){ this.seen = !this.seen; } } } Vue.createApp(shows).mount("#app .show"); </script>
评论 | 0 条评论
登录之后才可留言,前往登录