uniapp 图片懒加载的一种方式

如果是列表页,可以采用前端分页,通过scroll-view 下拉,在绑定图片地址信息,这样就能下拉部分,加载部分图片了。

pageQuery()
            {
                let currentPage = this.pQuery.page;

                let pageSize = this.pQuery.size;
                const index = (currentPage - 1) * pageSize;
                let allArr = this.allEmps;
                let take = currentPage * pageSize;
                if (take > allArr.length)
                {
                    take = allArr.length;
                }
                if (this.pageEmps.length < allArr.length)
                {
                    this.pageEmps = this.pageEmps.concat(allArr.slice(index, take));
                    this.pQuery.page++;
                }
            },

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章