vue移动端页面原生下拉加载更多_vue移动端实现下拉加载更多-程序员宅基地

技术标签: 前端  vue.js  javascript  

vue移动端页面下拉加载更多,原生方式,不依靠插件

methods(){
    
    // 滚动到页面底部时,请求内容
    async scrollBottom () {
    
      let scrollTop = document.documentElement.scrollTop || document.body.scrollTop  //页面滚动的高度
      let clientHeight = document.documentElement.clientHeight  //可视区域高度
      let scrollHeight = document.documentElement.scrollHeight  //可滚动内容的高度
      let bottomOfWindow = scrollTop + clientHeight >= scrollHeight    //是否滚动到底部
      this.bottomOfWindow = bottomOfWindow
      //loading 和 this.tableData.length和this.total是自己的判断条件
      if (scrollTop !== 0 && bottomOfWindow && !this.loading && this.tableData.length < this.total) {
    
        this.pageSize += 18
        await this.getList()  //getList()获取后台数据
      }
    }
 }
  mounted () {
    
    window.addEventListener('scroll', this.scrollBottom)
  },
 destroyed () {
    
    window.removeEventListener('scroll', this.scrollBottom)
  }
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/laoyaoshilaoyao/article/details/125777688

智能推荐

【LabVIEW】子vi面板调用_labview子面板-程序员宅基地

文章浏览阅读3k次。在主 vi 里点击套娃调用按钮,能够完成第一次拷贝,把目标子 vi 的文件的 reference 存到一个全局变量 Global Variable 中(也可以用dialog进行文件选取),得到的 Path 包含了原始文件名,后缀是.vi,利用 Search and Replace String 控件给其加入了_copy1的名字后缀,copy为新文件,并将新路径也存到一个全局变量中。给子 vi 设计一个按键 new ,对这种子vi进行拷贝(包括新建文件名)、打开新拷贝的 vi 前面板并运行;_labview子面板

VSCode 使用日记_vscode watch窗口-程序员宅基地

文章浏览阅读147次。vscode 配置 gcc g++ gdb_vscode watch窗口

[552]python实现聚类算法(6种算法)_python聚类算法-程序员宅基地

文章浏览阅读10w+次,点赞120次,收藏788次。1、Mean-shift1)概述Mean-shift(即:均值迁移)的基本思想:在数据集中选定一个点,然后以这个点为圆心,r为半径,画一个圆(二维下是圆),求出这个点到所有点的向量的平均值,而圆心与向量均值的和为新的圆心,然后迭代此过程,直到满足一点的条件结束。(Fukunage在1975年提出)后来Yizong Cheng 在此基础上加入了 核函数 和 权重系数 ,使得Mean-shift..._python聚类算法

ASP.NET 基于B/S的选课系统设计与实现(论文+源码)_Nueve_选课系统中,指定选课时间的功能怎么实现-程序员宅基地

文章浏览阅读136次。本文通过分析浏览器/服务器结构的特点并结合选课的实际情况,提出了基于浏览器/服务器结构网上选课系统的基本设计思想,简要介绍了系统各功能模块及数据库的设计,着重讨论了用 ASP.NET技术和SQL Server 2000开发网上选课系统时的数据库访问技术和动态网页制作技术,并给出了部分实现代码。系统有较高的安全性和较好的性能。(2) 经济可行性-----由于本系统是为学生选课管理使用的系统,装上该应用软件,即可使用系统,系统成本主要集中在系统软件的开发上,当系统投入运行后可以为学校节约大量的人力,物力。_选课系统中,指定选课时间的功能怎么实现

AK4940VN-L转换器模拟开关和PLL的48kHz 24位单声道音频编解码器-程序员宅基地

文章浏览阅读147次。AK4940VN是一个音频编解码器,带有用于麦克风和模拟直接路径的增益放大器。AKM品牌是数据通信模块(DCM)的理想选择。AK4940VN采用小型24引脚QFN(4mm x 4mm,0.5mm间距)封装。应用领域汽车模块,数据通信模块:DCM,远程信息处理控制单元 TCU,行车记录仪,车载信息 IVI,电子镜(电子镜)..._ak4940

计算跑OTB数据集的内存开销_[userview,systemview] = memory;-程序员宅基地

文章浏览阅读244次。[userview,systemview] = memory;disp(userview.MemUsedMATLAB);_[userview,systemview] = memory;

随便推点

建模是什么,建模定义,及学习方法-程序员宅基地

文章浏览阅读2w次,点赞3次,收藏13次。建模定义在学习建模前,我们需要恰当的理解“建模”这个词的含义,“建模”这个词有广泛的含义,简单地描述为:表示。其实它是一个近似意,你可以用一个天气模型代表每年的降雨量,你也可以自己做一个模拟飞机机翼上空气流动的数字模型,你还可以建一辆特别漂亮但是你实际生活中买不起的车,或者是任何你想拥有的东西,都可以用建模来实现,即“通过三维制作软件通过虚拟三维空间构建出具有三维数据的模型”。3D建模可以被描述为对创建物体的真实感知和想象。曾经听到过这样一句话,一个传统的艺术家可能会成为一个非常棒的3D建模_建模是什么

计算机去专业去马来读硕士,【马来西亚留学专业资讯】马来西亚留学热门专业资讯分析...-程序员宅基地

文章浏览阅读132次。金融专业一直以来都是中国留学生出国的热门专业,马来西亚留学也不例外,逐渐成为马来西亚留学市场的首选专业,受到了广大学子的一致追捧。那马来西亚金融专业有哪些优势呢?一起来出国留学网了解下。马来西亚国民大学是马来西亚的一所综合性大学,在马来西亚有着很高的地位,是很多中国学生申请的热门大学,下面是出国留学网对马来西亚国民大学的专业介绍。去马来西亚有很多的留学生选择都是会计金融类的专业,那么在马来西亚学习..._马来留学生 博客

国科大智能控制2023-2024期末考真题试卷_国科大智能计算系统期末-程序员宅基地

文章浏览阅读34次。图中的&是印刷错误,实际是dot( . 导数)你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command _国科大智能计算系统期末

windows10安装cuda10.2_cudnn-10.0-windows10-x64-v7.6.5.32.zip-程序员宅基地

文章浏览阅读6w次,点赞38次,收藏238次。cuda10.2安装前言下载cuda10.2和cudnn查看本机驱动版本安装过程安装cudnn验证前言tensorflow1.12之后gpu使用cuda10.0对应的驱动,不要求安装cuda,[但pytorch要求安装cuda和cudnn(暂不确定)],如果本机的驱动版本小于cuda10.0对应的驱动版本,建议安装cuda10.x的驱动来覆盖本机的驱动,不用卸载再安装驱动下载cuda10.2..._cudnn-10.0-windows10-x64-v7.6.5.32.zip

Qt meta-object(一)_qmeta object-程序员宅基地

文章浏览阅读211次。这个系列的几篇文章通过阅读Qt帮助文档和相关的源代码来学习研究Qt meta-object所提供的功能,及其实现的方式。Qt meta-object系统基于三个方面:1、QObject提供一个基类,方便派生类使用meta-object系统的功能;2、Q_OBJECT宏,在类的声明体内激活meta-object功能,比如动态属性、信号、槽;3、Meta Object编译器(MOC),为每个QObject派生类生成代码,以支持meta-object功能。QObject定义了从一个QOb..._qmeta object

项目解决方案:市场监督管理局高清视频监控接入、汇聚和联网(视频监控平台在行业的应用)_视频监控接入平台的解决方案-程序员宅基地

文章浏览阅读1.5k次,点赞47次,收藏17次。利用视频监控平台,把市场监督管理局辖区内的所有餐饮单位的特定监控设备统一接入、汇聚到视频资源综合管理平台进行统一管理,并能够通过网络,预览这些实时视频。采用以AS-V1000 视频监控资源管理平台为核心,实现视频的接入、汇聚、联网、共享。实现视频的统一汇聚、统一管理、统一预警。_视频监控接入平台的解决方案

推荐文章

热门文章

相关标签