当使用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>
//解决滚动条初始化消失的问题--接口请求获取数据时
this.$refs.scrollbar.update()