点击一次显示,在点击一下隐藏
<div style="width:25%;height: 50rpx;flex:2;" @click="showShou(item.sou,index)" v-if="tab">
<el-tooltip popper-class="tipclass" :content=item.sou placement="top">
<div class="cloStyleFour">{{item.sou| ellipsis}}</div>
</el-tooltip>
<div class="divHead" style="margin-top: -10%;margin-left: -5%;position: absolute;z-index: 999;" v-if="isShow==index+1"><span class="divFont">{{item.sou}}</span></div>
</div>
<div style="width:25%;height: 50rpx;flex:2;" @click="showShouOther(item.sou,index)" v-if="!tab">
<el-tooltip popper-class="tipclass" :content=item.sou placement="top">
<div class="cloStyleFour">{{item.sou| ellipsis}}</div>
</el-tooltip>
<div class="divHead" style="margin-top: -10%;margin-left: -5%;position: absolute;z-index: 999;" v-if="isShow==index+1"><span class="divFont">{{item.sou}}</span></div>
</div>
showShou(val,index){
this.isShow=index+1;
this.tab=false;
},
showShouOther(val,index){
this.isShow=index+100;
this.tab=true;
},