在vue2中，el-scrollbar自动滚动到底部

在 Vue 2 中，如果你想要使用第三方库 `el-scrollbar` 实现一个元素的自动滚动到底部，可以按照以下步骤操作：

1. 首先，在项目中安装 `vue2-scrollbar` 库。你可以通过npm或yarn进行安装：

   npm install vue2-scrollbar --save
   # 或者
   yarn add vue2-scrollbar

2. 安装完成后，在`main.js`或你的组件文件中导入并使用它：

   import { AutoScrollbar } from 'vue2-scrollbar';

   Vue.component('auto-scrollbar', AutoScrollbar);

3. 然后在需要添加滚动条的元素上使用 `auto-scrollbar` 组件，并设置 `always-visible` 属性使其始终保持可见：

   <div class="scrollable-content" ref="scrollContent" auto-scrollbar="{ alwaysVisible: true }">
     <!-- 内容列表或任何需要滚动的内容 -->
   </div>

4. 在你的组件中，可以使用 `$refs` 来访问这个滚动区域并滚动到底部：

   mounted() {
     this.$refs.scrollContent.scrollToBottom();
   }

或者，如果你想在一个函数中触发这个动作，可以这样编写：

   methods: {
     scrollToBottom() {
       this.$refs.scrollContent.scrollToBottom();
     }
   }

5. 当需要滚动到底部时，只需要调用 `scrollToBottom()` 方法即可。

请注意，`el-scrollbar` 的用法可能会有更新，所以建议查看其最新文档以获取最新的用法示例。