el-scrollbar的使用

el-scrollbar 是 Element UI 中的一个组件，用于在需要滚动的容器中显示滚动条。它提供了一种简单的方式来自定义滚动条的样式和行为。

要使用 el-scrollbar 组件，首先需要引入 Element UI 库，并按照它的文档进行初始化。

然后，在需要添加滚动条的容器元素中，使用 el-scrollbar 组件包裹内容。例如：

<template>
  <div class="container">
    <el-scrollbar wrap-class="scroll-wrapper">
      <!-- 这里是需要滚动的内容 -->
    </el-scrollbar>
  </div>
</template>

<style>
.container {
  width: 200px;
  height: 300px;
}

.scroll-wrapper {
  height: 100%;
}
</style>

在上面的例子中，我们创建了一个名为 "container" 的容器元素，并设置了它的宽度和高度。然后，在容器内部使用 el-scrollbar 组件，并给它一个 class 名称 "scroll-wrapper"，以便在样式中自定义滚动条的外观。你可以根据自己的需要设置该 class 的样式。

最后，在 el-scrollbar 组件的内部添加需要滚动的内容。这些内容将会被包裹在滚动条中。

通过这种方式，你可以实现一个具有自定义样式的滚动条。你可以根据 Element UI 的文档进一步调整和扩展该组件的功能。