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

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

视口下面的内容进行滚动
      /**
       * 封装刷新的方法
       */
      refresh() {
        // this.scroll 是创建的的 better-scroll 实例 调用其 refresh 方法进行刷新
        this.scroll.refresh()
      }
 /**
       * 加载更多
       * */
      loadMore() {
        console.log('加载更多')
        this.getHomeGoods(this.currentType)
        // 每次加载完成都刷新一下 重新计算页面高度
        this.$refs.scrollRef.refresh()
      },

推荐阅读更多精彩内容