vue的v-show 显示和隐藏功能

功能区代码
window.onload = function(){
				var c= new Vue({
					el:'#box',
					data:{
						a:true
					}
				});
			};
下面代码里有注释,可以看注释
<div id="box">
			<!--
            	时间:2018-02-23
            	描述:v-show用于显示隐藏,事件包括:v-show="true/false"
            	
            	下面v-show="a" ,a我们上面定义了为true,当点击时给a赋值false,就可以隐藏
            -->
			<input type="button" name="" id="" value="v-on事件" v-on:click="a=false"/>	
			<ul v-show="a">
				待隐藏内容
			</ul>
		</div>

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND