ElementUI的隐藏组件,官方没放出来,但是可以直接在项目中使用。用了也有一两年了,记录一下方便自己copy。
重点:1.设置外层容器的高度
,2.设置组件样式style="height:100%"
<template>
<div style="height:600px;">
<el-scrollbar style="height:100%">
<div>
...content
</div>
</el-scrollbar>
</div>
</template>
为了美观,在全局css文件里把 ele的滚动条默认样式覆盖掉(一般是隐藏横向滚动条):
.el-scrollbar__wrap{
overflow-x: hidden;
}