使用场景

在自定义页面循环展示数据时，正常我们可以借助分页来实现查看更多数据，本例我们探讨一下通过监听元素的方式来实现无切换查看更多数据。

实现功能

创建自定义页面

大纲树如下：

循环容器（用于循环展示数据请求的结果）：

loading 容器（用于提示数据加载过程）：

数据加载完毕容器（用于提示数据已全部加载）：

下拉加载监听容器（需开启将唯一标识用作 DOM ID，设置高度 1px）：

配置数据源

参考文档：根据条件搜索表单实例详情列表

接口配置如图：

• pageSize：每页显示数，默认值 10
• currentPage：当前页码，默认值 1
• resultData：请求结果，默认值 []
• isAllData：数据是否全部加载，默认值 false
• loading：数据加载状态，默认值 false

配置页面显示效果

循环容器绑定循环数据：

标题绑定变量：

简介绑定变量：

数据加载容器绑定变量：

数据已全部加载容器绑定变量：

配置页面功能

将下述代码拷贝至页面 JS 中，didMount 中调用 scrollDownObserver 函数，根据实际情况修改函数的入参，函数的入参中的唯一标识为被监听容器的唯一标识。

在线试玩