SmileZXLee / uni-z-paging

【uni-app下拉刷新、上拉加载】高性能,全平台兼容。支持vue、nvue、vue2、vue3,使用wxs+renderjs实现。支持虚拟列表,支持自定义下拉刷新、上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持国际化等100+项配置
https://z-paging.zxlee.cn
MIT License
945 stars 71 forks source link

第一次加载时展示空白 #106

Closed CymuYae closed 10 months ago

CymuYae commented 10 months ago

编译平台 HbuilderX

VUE版本 vue3

运行平台 微信小程序

z-paging版本 2.6.2

问题描述 第一次进入时页面空白,未加载数据,感觉好像是闪了一下,有一瞬间可以看到数据,但又白了,试着setTimeout 1000ms可以解决,相当于延时刷新,会闪一下 image 因为使用watch监听父组件onshow传递的isRefresh,切换到其他页面再切换回来时会刷新,created中初始化数据onRefresh,去掉onRefresh也还是空白 image

主要涉及到的代码

watch: {
    isRefresh: {
      handler: function () {
        console.log("message on search ");
        this.onRefresh();
      },
    },
  },
created() {
    this.onRefresh();
  },
onRefresh() {
      // 清空列表数据
      this.list = [];
      this.$refs.paging.clear();
      this.$refs.paging.updatePageScrollTopHeight();
      // 重新加载数据
      this.loadingStatus = "more";
      this.onLoad(true);
    },
CymuYae commented 10 months ago

进入页面时自动调了reload()但是数据没有展示,再掉一次onRefresh也无济于事

SmileZXLee commented 10 months ago

试试demo是否有问题

CymuYae commented 10 months ago

试试demo是否有问题

解决了,貌似是watch的问题?去掉created,改成只在父组件onHide时,也就是isRefresh为false时调用onRefresh就没问题了,但不知道具体什么原因导致的,进入页面只有默认的reload被调用了,并没有做其他操作