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

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

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

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

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

pinia中进行的axios请求处理

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

 

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

 

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

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

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

 

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