【前端插件】better-scroll 在初始化时显示图片出现无法滚动的问题

由于在页面中请求图片是可能出现过慢的情况,初始化时已经完成了初始滚动内容的加载。当请求完成图片之后,对需要滚动的页面距离未进行刷新操作,所以出现滚不动的情况。所以在每次完成数据的请求之后都需要调用其 refresh()方法进行刷新一下,便可解决问题。

视口下面的内容进行滚动
      /**
       * 封装刷新的方法
       */
      refresh() {
        // this.scroll 是创建的的 better-scroll 实例 调用其 refresh 方法进行刷新
        this.scroll.refresh()
      }
 /**
       * 加载更多
       * */
      loadMore() {
        console.log('加载更多')
        this.getHomeGoods(this.currentType)
        // 每次加载完成都刷新一下 重新计算页面高度
        this.$refs.scrollRef.refresh()
      },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容