Vue的控制页面是否显示的功能

代码:

	flagFunction1(value){
    
    
				
				if(value==0){
    
    
			if(this.flag){
    
    
					this.flag=false;
				}else{
    
    
					this.flag=true;
				}


				}
				
				
				if(value==1){
    
    
				if(this.flag1){
    
    
					this.flag1=false;
				}else{
    
    
					this.flag1=true;
				}

				}

				if(value==2){
    
    
				if(this.flag2){
    
    
					this.flag2=false;
				}else{
    
    
					this.flag2=true;
				}

				}

				if(value==3){
    
    
				if(this.flag3){
    
    
					this.flag3=false;
				}else{
    
    
					this.flag3=true;
				}

				}

				if(value==4){
    
    
				if(this.flag4){
    
    
					this.flag4=false;
				}else{
    
    
					this.flag4=true;
				}

				}

				if(value==5){
    
    
				if(this.flag5){
    
    
					this.flag5=false;
				}else{
    
    
					this.flag5=true;
				}

				}

				if(value==6){
    
    
				if(this.flag6){
    
    
					this.flag6=false;
				}else{
    
    
					this.flag6=true;
				}

				}

				if(value==7){
    
    
				if(this.flag7){
    
    
					this.flag7=false;
				}else{
    
    
					this.flag7=true;
				}

				}

				if(value==8){
    
    
				if(this.flag8){
    
    
					this.flag8=false;
				}else{
    
    
					this.flag8=true;
				}

				}

				if(value==9){
    
    
				if(this.flag9){
    
    
					this.flag9=false;
				}else{
    
    
					this.flag9=true;
				}

				}

				if(value==10){
    
    
				if(this.flag10){
    
    
					this.flag10=false;
				}else{
    
    
					this.flag10=true;
				}

				}

				if(value==11){
    
    
				if(this.flag11){
    
    
					this.flag11=false;
				}else{
    
    
					this.flag11=true;
				}

				}

				if(value==12){
    
    
				if(this.flag12){
    
    
					this.flag12=false;
				}else{
    
    
					this.flag12=true;
				}

				}

				if(value==13){
    
    
				if(this.flag13){
    
    
					this.flag13=false;
				}else{
    
    
					this.flag13=true;
				}

				}
				
			},

  1. 然后需要在你控制显示的地方加上v-show或者v-if来控制是否显示,在data里面加上
  2. flag,flag1,flag2,flag3,flag4,flag5,flag6,flag7,flag8,flag9,flag10,flag11,flag12,flag13,这些个变量。
  3. 再加上一个点击事件,可以在你的button上面,或者是盒子里面。
  4. 注意一下你的点击函数flagFunction1(3)里面必须传上相应的参数
	<div style="background-color: #F0F0F0;"  @click="flagFunction1(1)" :value="1">
					<img :src="imgUrl" width="161" height="31px" />
					<span style="margin-left: -135px; color: #FFFFFF;"  class="label" >销售信息</span> 
					 <a id="name1"></a>
				</div>

猜你喜欢

转载自blog.csdn.net/houzhicongone/article/details/121453787