uniapp列表数据遍历方法,实现上拉加载,下拉刷新

数据列表在很多时候,经常会用到,这里介绍uniapp数据遍历方法。

步骤一:首先开启上拉加载,下拉刷新

打开pages.json,添加如下代码,开启enablePullDownRefresh

{
"path": "pages/index/index",
style":{
"enablePullDownRefresh": true
         }
}

步骤二、代码实现

1、页面模板代码:遍历数据,没有数据是显示的提示内容

2、js逻辑代码:定义数组集合,页码,是否显示没有更多数据变量

来源地址:https://www.yujianni.top/news/comp_artinfo.html?id=878

 

你可能感兴趣的:(layui,js,uniapp)