当前位置: 代码迷 >> 综合 >> vue 使用Tab 标签页和PullRefresh 下拉刷新,第一次切换tab下拉刷新loading-text加载过程文案不存在
  详细解决方案

vue 使用Tab 标签页和PullRefresh 下拉刷新,第一次切换tab下拉刷新loading-text加载过程文案不存在

热度:100   发布时间:2023-10-10 20:24:56.0

.ts  为方法加上nextTick方法,使页面节点渲染完毕后,进行操作,查询数据

 private initSelfVisitDatas() {if (!this.selfVisitList || this.selfVisitList.length === 0) {this.$nextTick(function() {this.loadSelfVisitDatas();});}}

.vue   :immediate-check="false" 组件初始化的时候不会触发 load 事件

 <van-tabsv-model="activeTab"@change="tabChange":line-width="80"color="#3fcc8e"animatedswipeable><van-tab title="XXXX" v-if="isLeader"><div class="vanTabContentContainer" :style="{ height: tabContentHeight + 'px' }"><van-pull-refreshv-model="isLoadingSubordinateRefresh"@refresh="loadSubordinateVisitDatas"><van-listv-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-refreshv-model="isLoadingSubordinateRefresh"@refresh="loadSubordinateVisitDatas"><van-listv-model="isLoadingSubordinateNext":finished="finishedSubordinate":immediate-check="false"finished-text="没有更多了"@load="loadNextSubordinateVisitDatas"class="crmVanList"></van-list></van-pull-refresh></div></van-tab></van-tabs>

 

 

  相关解决方案