el-scrollbar 无限滚动

您可以使用el-scrollbar组件实现无限滚动。下面是一些基本的步骤：

1. 导入el-scrollbar组件和相关样式：

   import ElScrollbar from 'element-ui/packages/scrollbar';
   import 'element-ui/lib/theme-chalk/scrollbar.css';

2. 在需要实现无限滚动的地方使用el-scrollbar组件，并设置合适的高度和宽度：

   <el-scrollbar style="height: 300px; width: 100%;">
     <!-- 在这里放置你的内容 -->
   </el-scrollbar>

3. 为el-scrollbar组件添加滚动事件监听器，并在滚动到底部时加载更多数据：

   <el-scrollbar style="height: 300px; width: 100%;" @scroll="handleScroll">
     <!-- 在这里放置你的内容 -->
   </el-scrollbar>

4. 在Vue组件中定义handleScroll方法，并在滚动到底部时触发加载更多数据的逻辑：

   methods: {
     handleScroll() {
       const scrollElement = this.$refs.scrollElement;
       const threshold = 100; // 触发加载更多数据的阈值

       if (scrollElement) {
         const { scrollTop, offsetHeight, scrollHeight } = scrollElement.$el;

         if (scrollTop + offsetHeight >= scrollHeight - threshold) {
           // 在这里触发加载更多数据的逻辑
         }
       }
     }
   }

请注意，以上代码只是一个基本的示例，您可以根据您的具体需求进行适当调整和扩展。