代码:
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;
}
}
},
- 然后需要在你控制显示的地方加上v-show或者v-if来控制是否显示,在data里面加上
- flag,flag1,flag2,flag3,flag4,flag5,flag6,flag7,flag8,flag9,flag10,flag11,flag12,flag13,这些个变量。
- 再加上一个点击事件,可以在你的button上面,或者是盒子里面。
- 注意一下你的点击函数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>