vue3 - 详细实现商品列表无限下拉滚动懒加载数据，PC网站商城电商项目列表内鼠标下滑无限下拉加载功能，仿淘宝京东商品展示下滑加载更多数据，支持嵌套在div容器里进行滚动懒加载（示例代码，直接复制用

效果图

在vue3、nuxt3项目开发中，实现商城PC网站系统中 “商品列表” 鼠标滑动触底时加载更多数据，电商项目商品推荐列表无限下拉滑动懒加载功能，可以将商品列表放在dom容器div里，也可以放到页面最底部(推荐商品功能)都可以，vue3监测鼠标滑动到底时请求接口数据进行列表加载，支持手机移动端H5项目、电脑pc网站，自定义修改列表样式和下拉加载动画，下拉加载时丝滑流畅不卡顿。

提供详细示例代码，新手小白直接复制改个样式就能用了。

示例源码

如下代码复制运行，简单改个样式即可。