美文网首页JavaScript前端vue前端
【前端插件】better-scroll 在初始化时显示图片出现无

【前端插件】better-scroll 在初始化时显示图片出现无

作者: itlu | 来源:发表于2021-02-06 11:43 被阅读0次

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

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

相关文章

网友评论

    本文标题:【前端插件】better-scroll 在初始化时显示图片出现无

    本文链接:https://www.haomeiwen.com/subject/faantltx.html