动态添加标签发现滚动条不能正常显示,但是标签可以滚动
<el-scrollbar ref="scroll" >
<div> 动态添加的内容 </div>
</el-scrollbar>
再在动态更新后添加
// 解决el-scrollbar滚动条初始化不显示的问题
this.$nextTick(() => {
this.$refs.scroll.update()
})
出现这样情况的主要原因为,页面开始渲染时内容并没有撑开el-scrollbar内容,所以不会显示滚动条。解决方法为使用其内置的update()方法 更改内容后对scrollbar进行更新。滚动条就可以正常显示了。