在uniapp官网有一个比较好用的插件z-paging,可以实现多条数据滚动显示或者自定义下拉刷新,分页显示......在开发消息页面或者app开发需要大量的页面刷新,页面内容过长,减轻服务器的负担就可以使用此插件,进入app智慧加载部分内容,等到再次需要之后的内容就再次加载,方便省事。可以去uniapp的官方插件市场搜索这个插件,下面也有直达链接,可以去它的接口文档学习使用。
插件地址:【z-paging下拉刷新、上拉加载】高性能,全平台兼容。支持虚拟列表,支持nvue、vue3 - DCloud 插件市场
在开发过程中实现下拉刷新最开始在z-paging标签内部添加两个属性:refresher-only 和@refresh
在分页的时候就会出现问题!!!无法分页,底部不会显示没有更多数据的提示。如果使用系统自带的刷新也会存在调用不 了的情况,并且直接未进入系统自带的更新方法,也不会停止刷新,不知道存在什么问题。
问题原因:refresh-only属性设置后就会关闭mounted自动请求数据和底部加载数据等功能,局限性非常大

问题解决:删除上面两个属性<custom-refresher>标签自定义刷新方法,使用插槽slot,使用自定义方法刷新,数据就可摆脱不自动更新的局限。
完整代码如下:
<z-paging ref="paging" v-model="dataList" @query="getList" auto-show-back

5481

被折叠的 条评论
为什么被折叠?



