elmentui滚动盒子

ElementUI提供了一个基于Vue.js的滚动盒子组件，可以让内容在固定高度的容器中滚动。

使用该组件需要在Vue项目中引入ElementUI库，并在组件中注册使用。

以下是一个简单的例子，展示如何在Vue组件中使用ElementUI的滚动盒子：

<template>
  <el-scrollbar style="height: 200px;">
    <div v-for="item in list" :key="item">{{ item }}</div>
  </el-scrollbar>
</template>

<script>
import { Scrollbar } from 'element-ui';

export default {
  components: { ElScrollbar: Scrollbar },
  data() {
    return {
      list: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5', 'Item 6', 'Item 7', 'Item 8', 'Item 9', 'Item 10']
    }
  }
}
</script>

在上面的代码中，我们使用了`el-scrollbar`组件来包裹一个`div`元素，`div`元素中包含了一个`v-for`循环，用来生成一些列表项。`el-scrollbar`组件的`style`属性设置了容器的高度为200px，这样当内容超出容器高度时，就会出现滚动条。

需要注意的是，在使用`el-scrollbar`组件前，需要先在组件中引入`Scrollbar`组件，然后使用`components`选项进行组件注册。

以上就是在Vue项目中使用ElementUI的滚动盒子的简单介绍，希望能对你有所帮助。