vue2实现列表自动滚动

在Vue 2中实现列表自动滚动通常需要结合`vue-scrollto`这个第三方插件或者是原生的JavaScript操作DOM。下面是一个基本的步骤：

1. 首先，在项目中安装`vue-scrollto`插件：

   npm install vue-scrollto

2. 然后，在组件中导入并使用该插件：

   <script>
   import { scrollTo } from 'vue-scrollto';
   export default {
     methods: {
       autoScroll() {
         scrollTo({
           el: '.your-list-container', // 选择你的列表容器元素
           offset: 0, // 滚动到顶部偏移量（可选）
           duration: 500, // 滚动动画时间（单位ms）
           ease: 'easeInOutQuart', // 动画缓动函数（可选）
         });
       }
     }
   }
   </script>

3. 在模板中调用`autoScroll`方法：

   <button @click="autoScroll">滚动列表</button>
   <ul class="your-list-container">
     <!-- 列表项 -->
   </ul>

4. 当需要滚动时，比如每次添加新内容到列表底部，可以在事件监听（如`v-for`循环的`updated`钩子）中触发滚动。

注意：如果你的列表内容高度不确定或者非常长，可能会导致滚动效果不稳定，这时你可以考虑使用虚拟滚动技术或者分页加载。