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

阿超

发布于 2022-08-17 21:47:57

1.7K00

代码可运行

文章被收录于专栏：快乐阿超快乐阿超

运行总次数：0

代码可运行

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

组件官网地址：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函数后就可以继续上拉加载更多了

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021-12-08，如有侵权请联系 cloudcommunity@tencent.com 删除

官方文档