当使用el-scrollbar的时候，比如你的数据列表是后端获取的，这时候，初始化的时候，因为数据还没有获取到，导致里面的内容没有撑开，所以滚动条是不显示的，但是可以正常滚动。
解决方法：
获取左侧菜单的数据时，
<div style=" height: calc(100vh - 120px);over-flow:hidden">
<el-scrollbar style="height: 100%; width: 100%;" ref="scrollbar">
<div v-if="validatenull(menu)"
class="avue-sidebar--tip">{{$t('menuTip')}}</div>
<el-menu unique-opened
:default-active="nowTagValue"
mode="vertical"
:show-timeout="200"
:collapse="keyCollapse">
<sidebar-item :menu="menu"
:screen="screen"
first
:props="website.menu.props"
:collapse="keyCollapse"></sidebar-item>
</el-menu>
</el-scrollbar>
</div>
//解决滚动条初始化消失的问题--接口请求获取数据时文章来源：https://www.toymoban.com/news/detail-484552.html
this.$refs.scrollbar.update()文章来源地址https://www.toymoban.com/news/detail-484552.html
到了这里，关于element-ui el-scrollbar滚动条初始化不显示的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
