在一个组件中使用elementUI的InfiniteScroll 无限滚动

可以按照以下步骤在一个组件中使用elementUI的InfiniteScroll无限滚动：

1. 首先，在组件中引入InfiniteScroll组件：

import { InfiniteScroll } from 'element-ui';

2. 在组件的mounted钩子函数中初始化InfiniteScroll，设置需要监听滚动事件的元素和触发滚动事件的回调函数：

mounted() {
  this.$refs.container.addEventListener('scroll', this.handleScroll);
  this.$refs.container.addEventListener('touchmove', this.handleScroll);
  this.$refs.container.addEventListener('mousewheel', this.handleScroll);
  this.$refs.container.addEventListener('DOMMouseScroll', this.handleScroll);
},
directives: { InfiniteScroll },
methods: {
  handleScroll() {
    if (this.$refs.container.scrollTop + this.$refs.container.clientHeight >= this.$refs.container.scrollHeight) {
      // 触发滚动事件后的回调函数
    }
  }
}

3. 在需要监听滚动的元素上，添加v-infinite-scroll指令，并设置回调函数：

<el-container ref="container" v-infinite-scroll="handleScroll">
  <!-- 内容 -->
</el-container>

这样，当滚动到底部时，就会触发回调函数，从而实现无限滚动效果。