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

Posted 2021-05-19 做个笔记

直接复制组件使用，会无限加载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>