526互联

uniapp 图片懒加载的一种方式

发布时间 2023-12-07 17:59:33作者: HelloLLLLL

如果是列表页，可以采用前端分页，通过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++;
                }
            },