element-ui,InfiniteScroll 无限滚动, 无限加载load问题。

直接复制组件使用,会无限加载load。
解决方法: 为ul的父级div 添加style="overflow-y:hidden"

<template>
  <div style="overflow-y:hidden">
    <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
    <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
  </ul>
  </div>

</template>

<script>
  export default {
    data () {
      return {
        count: 0
      }
    },
    methods: {
      load () {
        this.count += 2
      }
    }
  }
</script>
posted @ 2021-05-19 11:57  做个笔记  阅读(3229)  评论(0编辑  收藏  举报