ElementUI的隐藏组件,官方没放出来,但是可以直接在项目中使用。
重点:
设置外层容器的高度
- 设置组件样式
style="height:100%"
<template>
<div style="height:600px;">
<el-scrollbar style="height:100%">
<div>
内容
</div>
</el-scrollbar>
</div>
</template>
为了美观,在全局css文件里把 ele的滚动条默认样式覆盖掉(一般是隐藏横向滚动条):
::v-deep .el-scrollbar__wrap{
overflow-x: hidden;
}
注意:记得要加::v-deep,否则极有可能隐藏不掉横向滚动条