在el-tabs中写内容,内容使用走马灯导致切换el-tabs菜单的时候,el-tabs有图片的内容出现最后一个图片快速闪过的问题
解决方案:
在el-tabs内容中的走马灯组件上添加v-if,即可解决
<el-tabs v-model="activeName" @tab-click="topTabClick">
<el-tab-pane label="思想引领" name="思想引领">
<div class="bigContent">
<thoughtLead></thoughtLead>
</div>
</el-tab-pane>
<el-tab-pane label="文化助力" name="文化助力">
<div class="bigContent">
<culturalAssistance v-if="activeName=='文化助力'"></culturalAssistance>
</div>
</el-tab-pane>
</el-tabs>
culturalAssistance此组件中代码:
<div class="centerCon">
<img :src="imgSrc" v-show="isCompanyZL!='公司战略'">
<!-- isCompanyZL -->
<el-carousel v-if="isCompanyZL=='公司战略'" direction="vertical" height="754px">
<el-carousel-item v-for="item in picLists" :key="item.id">
<img :src="item.pic">
</el-carousel-item>
</el-carousel>
</div>
isCompanyZL是data中定义的变量