.ts 为方法加上nextTick方法,使页面节点渲染完毕后,进行操作
mounted() {
this.$nextTick(function() {
this.onActiveTabChange(this.activeTab, "");
});
}
private tabChange() {
this.$nextTick(function() {
this.onActiveTabChange(this.activeTab, "");
});
}
.vue
<van-tabs
v-model="activeTab"
@change="tabChange"
:line-width="80"
color="#3fcc8e"
animated
swipeable
>
<van-tab title="XXXX" v-if="isLeader">
<div class="vanTabContentContainer" :style="{ height: tabContentHeight + 'px' }">
<van-pull-refresh
v-model="isLoadingSubordinateRefresh"
@refresh="loadSubordinateVisitDatas"
>
<van-list
v-model="isLoadingSubordinateNext"
:finished="finishedSubordinate"
:immediate-check="false"
finished-text="没有更多了"
@load="loadNextSubordinateVisitDatas"
class="crmVanList"
>
</van-list>
</van-pull-refresh>
</div>
</van-tab>
<van-tab title="XXXX">
<div class="vanTabContentContainer" :style="{ height: tabContentHeight + 'px' }">
<van-pull-refresh
v-model="isLoadingSubordinateRefresh"
@refresh="loadSubordinateVisitDatas"
>
<van-list
v-model="isLoadingSubordinateNext"
:finished="finishedSubordinate"
:immediate-check="false"
finished-text="没有更多了"
@load="loadNextSubordinateVisitDatas"
class="crmVanList"
>
</van-list>
</van-pull-refresh>
</div>
</van-tab>
</van-tabs>