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

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

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

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

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

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值