解决vue elementUI el-tabs默认选项下划线不显示的问题
el-tabs初始加载时,el-tabs__active-bar的宽度为0,导致下划线不显示问题
首先在el-tabs组件中加入v-if=“ifShow”, 默认值为false 请求tabList数据接口时给添加为true
<el-tabs v-if="ifShow" v-model="authType" size="small" class="tab-first" @tab-click="categoryTabChange" > <el-tab-pane v-for="item in tabList" :key="item.id" :label="item.name" :name="item.id" > </el-tab-pane> </el-tabs>
async getUserDomainList() { try { this.baseLoading = true; const { code, data } = await aaaaaaaa({//接口 userCode: this.$route.query.userCode }); if (code === 200) { this.ifShow = true// 优化页面首次刷新底部没有竖条情况 this.domainList= data } } catch (error) { return false; } finally { this.baseLoading = false; } },