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

.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>

猜你喜欢

转载自blog.csdn.net/qq_34607371/article/details/86317150