el-scrollbar 组件使用指南：创建可滚动容器

el-scrollbar 是一个 Vue 组件，用于创建一个带有滚动条的容器。你可以按照以下步骤使用它：

首先，确保你已经引入了 element-ui 库，并且已经注册了 el-scrollbar 组件。
在你的 Vue 组件中，将 el-scrollbar 作为一个标签使用，并在其中添加你想要滚动的内容。
使用 'scrollbar-flex-content' 类来包裹你的内容。这将创建一个具有弹性布局的容器，使得内容超出容器高度时会显示滚动条。
使用 v-for 指令来循环渲染一些内容。在这个例子中，我们使用了一个循环来渲染 50 个段落元素，其中每个段落显示一个数字。
使用 :key 来为每个循环项提供一个唯一的标识。在这个例子中，我们使用 item 作为每个循环项的标识。
在每个段落中使用双大括号语法来显示当前循环项的值。

下面是一个完整的示例代码：

<template>
  <el-scrollbar>
    <div class='scrollbar-flex-content'>
      <p v-for='item in 50' :key='item' class='scrollbar-demo-item'>
        {{ item }}
      </p>
    </div>
  </el-scrollbar>
</template>

<script>
  export default {
    // 组件的逻辑代码
  }
</script>

<style>
  /* 可选的样式代码 */
  .scrollbar-flex-content {
    display: flex;
    flex-direction: column;
  }
  
  .scrollbar-demo-item {
    margin-bottom: 10px;
  }
</style>

在这个例子中，el-scrollbar 将创建一个具有滚动条的容器，并显示 50 个带有数字的段落元素。如果内容超出了容器的高度，将会出现滚动条。你可以根据需要修改样式来适应你的设计。