首页 > 其他分享 >uniapp触底加载

uniapp触底加载

时间:2022-11-24 09:45:12浏览次数:37  
标签:count uniapp 触底 val list pageNo customer id 加载

export let lazy = {
    data(){
        return {
            pageNo: 1,
            pageSize: 10,
            count:0
        }
    },
    onReachBottom() {
        if(this.count <= this.pageNo*this.pageSize)return
        this.pageNo++
        this.getInfo()
    },
}
import {
        lazy
    } from '@/common/lazyLoadMix.js'
getInfo() { //加载信息
                uni.$u.http.get(this.type ? '/api/customer/getHomeJobSeekerList' : '/api/customer/getHomeRecruitVList', {
                    params: {
                        customerId: this.user.id,
                        pageNo: this.pageNo,
                        pageSize: this.pageSize
                    }
                }).then(({
                    data: {
                        data: {
                            list,
                            count
                        }
                    }
                }) => {if (!list.length) return
                    this.list = 
                        list.map(val => ({
                            img: uni.$u.http.config.baseURL + val.customer.img,
                            name: val.name,
                            sex: val.sex,
                            age: val.age,
                            id: val.id
                        })) 
                        this.count = count
                })
            },

 

标签:count,uniapp,触底,val,list,pageNo,customer,id,加载
From: https://www.cnblogs.com/laremehpe/p/16920851.html

相关文章

  • 关于乾坤加载子应用导致跨域?
    问题:加载百度地图sdk导致跨域由此联想到的问题,为什么乾坤可以劫持很多请求,子应用的js和css资源加载都会被拦截到?通常加载script的方式通过script标签通......
  • 20.4 延迟加载DLL--《Windows核心编程》
    延迟加载的DLL是个隐含链接的DLL,它实际上要等到你的代码试图引用DLL中包含的一个符号时才进行加载。DLL延迟加载技术的原理,就是从导入表中去掉某dll这一项,等到正式调......
  • ISchedule动态从容器加载
     privatereadonlyISchedulerscheduler; //scheduler=StdSchedulerFactory.GetDefaultScheduler().GetAwaiter().GetResult();//非静态使用......
  • freecplus框架-加载参数文件
    文章目录​​一、源代码说明​​​​二、参数文件的意义​​​​三、CIniFile类​​​​1、类的声明​​​​2、示例程序​​​​四、获取视频教程​​​​五、版权声明​​......
  • Linux C编程 使用相对路径加载动态库-rpath和$ORIGIN
    商业程序如何加载自己的so使用LD_LIBRARY_PATH的缺点是要实现设置LD_LIBRARY_PATH。不够自动化。那么大型的商业程序是如何加载自己的so呢。这里以QtCreator为例。QtC......
  • 2. pycharm终端提示无法加载文件 F:\Users\Administrator\PycharmProjects\python
    问题如下:终端(terminnal)遇到下面红色问题。   怎么解决??pycharm终端提示无法加载文件F:\Users\Administrator\PycharmProjects\pythonProject\venv\Scripts\activa......
  • vscode 加载 Web 视图时出错
    报错信息:加载Web视图时出错:Error:Couldnotregisterserviceworkers:InvalidStateError:FailedtoregisteraServiceWorker:Thedocumentisinaninvalids......
  • 直播网站源码,uni-app 数据上拉加载更多功能
    直播网站源码,uni-app数据上拉加载更多功能打开项目根目录中的pages.json配置文件,为subPackages分包中的商品goods_list页面配置上拉触底的距离:"subPackages":[ ......
  • 从setContentView分析Android加载布局的流程
    一.概述在Activity中,我们基本都会用到setContentView方法,这个方法是干啥的想必大家都知道,把我们写好的布局文件显示到界面上。今天我们就去看看底层的源码,分析一下到底是如......
  • Android实现3D页面加载进度条动画
    一.概述最近在研究公司的代码,发现每次切换页面时做的进度条效果还挺不错的,所以想深入研究一下,今天就带大家来看看到底是如何实现的,首先上效果图二.实现上面的进度条最大的......