H5 uniapp+uview+vue3 触底分页操作

移动端没有分页器 主要靠滑动页面时接近或到达页面最下方时去发送请求 

目前我遇到了两个不同的情况：

1.页面是局部滑动的 最上方有些内容固定，只留部分空间进行滑动

2.页面整体都可以滑动 

以上两种都可以有各自的解决方式。

------------------------------------------------------------------------

1.页面是局部滑动的 最上方有些内容固定，只留部分空间进行滑动

 红框为可滑动区域↓

页面结构如下，将需要滑动的区域用scroll-view标签抱起来 设置scroll-y属性 并且要给这个一个明确的高度才会生效

而这个scrolltolower就是滑动触底时会触发的事件，将需要操作（发送请求）的逻辑写在事件执行函数里即可。

2.页面整体都可以滑动

下面这个就是整个页面都可以滑动的

我们先要在pages.json页面设置两个属性：

然后在滑动的页面引入onReachBottom函数

之后在箭头函数里面写触底需要执行的逻辑即可（注释掉的是我的逻辑 不用管）

注：方法2的页面貌似不能有scroll-view标签 否则貌似会失效？

-----------------------------------------------------------------

ps:说是两个方法，实际上方法1也能由于情况2，只要在最外面放一个scroll-view标签即可。