nvue中list组件下拉刷新后无法上拉加载更多

简介: nvue中list组件下拉刷新后无法上拉加载更多

倘能生存,我当然仍要学习。——鲁迅

组件官网地址:https://uniapp.dcloud.io/component/list

今天在使用list组件时,发现下拉刷新一次后,就不能上拉加载更多了

最后发现官方文档:

  • loadmore 事件 如果列表滚动到底部将会立即触发这个事件,你可以在这个事件的处理函数中加载下一页的列表项。 如果未触发,请检查是否设置了loadmoreoffset的值,建议此值设置大于0
  • 如何重置 loadmore
<template>
  <list ref="list">
    <cell v-for="num in lists">
      <text>{{num}}</text>
    </cell>
  </list>
</template>
<script>
  export default {
    data () {
      return {
        lists: ['A', 'B', 'C', 'D', 'E']
      }
    },
    methods: {
        // 重置 loadmore
        resetLoadMore() {
            this.$refs["list"].resetLoadmore();
        }
    }
  }
</script>

这里有一句重置loadmore

尝试过调用resetLoadmore函数后就可以继续上拉加载更多了

相关文章
|
2月前
|
JavaScript
Ant designe vue中有关<a-list>组件中 实现分页以及复选框效果
Ant designe vue中有关<a-list>组件中 实现分页以及复选框效果
41 0
|
7月前
|
前端开发 开发者 容器
|
23天前
使用Vant框架的组件van-pull-refresh搭配van-list和van-card完成上滑加载更多列表数据,下拉刷新当前列表数据(等同于翻页功能)
使用Vant框架的组件van-pull-refresh搭配van-list和van-card完成上滑加载更多列表数据,下拉刷新当前列表数据(等同于翻页功能)
|
5月前
|
JavaScript
Ant designe vue中有关<a-list>组件中 实现分页以及复选框效果
Ant designe vue中有关<a-list>组件中 实现分页以及复选框效果
80 0
|
9月前
|
前端开发
前端项目实战捌拾伍react-admin+material ui-踩坑-List的用法之aside组件筛选
前端项目实战捌拾伍react-admin+material ui-踩坑-List的用法之aside组件筛选
51 0
|
9月前
|
前端开发
前端项目实战捌拾叁react-admin+material ui-踩坑-List的用法之aside组件
前端项目实战捌拾叁react-admin+material ui-踩坑-List的用法之aside组件
61 0
|
9月前
|
前端开发
前端项目实战捌拾陆react-admin+material ui-踩坑-List的用法之aside组件SavedQueriesList增加筛选
前端项目实战捌拾陆react-admin+material ui-踩坑-List的用法之aside组件SavedQueriesList增加筛选
32 0
|
9月前
|
前端开发
前端项目实战捌拾柒react-admin+material ui-踩坑-List的用法之aside组件FilterLiveSearch搜索按钮
前端项目实战捌拾柒react-admin+material ui-踩坑-List的用法之aside组件FilterLiveSearch搜索按钮
48 0
|
12月前
|
前端开发
Concis组件库封装——List列表
Concis组件库封装——List列表组件封装
75 1
elementUI:Upload组件list-type: picture-card上传闪动
elementUI:Upload组件list-type: picture-card上传闪动
469 0