触底加载的两种思路(以vue3前端和nodejs后端为例)

一:首先,nodejs后端的代码都是一样的.

 需要前端返回page参数,然后nodejs逻辑进行处理,截取页数和每页条数和总条数,

总条数用来作为判断是否有数据的条件,也可以不用,注意看下文

一:不用获取容器高度的.

pinia中进行的axios请求处理

在vue文件中进行pinia中数据的导入,继续进行方法操作

 

也可以使用后端传过来的totalpages判断数据是否加载完成

 

二:使用获取容器高度的.

容器的ref="da",看逻辑代码的处理.

下面接着是代码的逻辑处理

 

有什么建议,可以私信或评论!!! 

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 08:26:01       99 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 08:26:01       107 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 08:26:01       90 阅读
  4. Python语言-面向对象

    2024-07-10 08:26:01       98 阅读

热门阅读

  1. 写一个字符设备的驱动步骤

    2024-07-10 08:26:01       30 阅读
  2. Transformer和Bert的原理是什么

    2024-07-10 08:26:01       30 阅读
  3. 使用tkinter 制作工作流ui

    2024-07-10 08:26:01       25 阅读
  4. postman工具介绍

    2024-07-10 08:26:01       26 阅读
  5. vue-路由自动化

    2024-07-10 08:26:01       22 阅读
  6. el-date-picker 扩展

    2024-07-10 08:26:01       26 阅读
  7. Go语言入门之变量、常量、指针以及数据类型

    2024-07-10 08:26:01       22 阅读
  8. Kotlin 处理livedata数据倒灌

    2024-07-10 08:26:01       25 阅读
  9. 针对vue3的render函数添加自定义指令

    2024-07-10 08:26:01       28 阅读
  10. Kotlin中的关键字

    2024-07-10 08:26:01       29 阅读
  11. Matlab 使用

    2024-07-10 08:26:01       29 阅读
  12. AI学习指南机器学习篇-层次聚类原理

    2024-07-10 08:26:01       31 阅读
  13. k8s-第一节-minikube

    2024-07-10 08:26:01       27 阅读