element plus之 el-scrollbar 异步请求后滚动条不显示，但可正常滚动

239 阅读 0 评论 158 点赞

我是靠谱客的博主危机楼房，这篇文章主要介绍element plus之 el-scrollbar 异步请求后滚动条不显示，但可正常滚动，现在分享给大家，希望可以做个参考。

献上代码场景：

// An highlighted block
<div class="down-box">
	<el-scrollbar noresize always ref="scroll">
      <div class="fileBox" v-for="item in MyDownfileList" :key="item.id">
      </div>
  </el-scrollbar>
 </div>

以上为正常使用的，就是把请求的数据给渲染嘛，我的父级设有高度，所以el-scrollbar没设高度，会按照父级高度定义。

此时，出现的一个怪异现象，滚动条不显示，但可正常滚动
解决方法就是这个el-scrollbar里面有个update()方法调用下，就可解决了
代码：

// An highlighted block
<script lang="ts"  setup>
const scroll = ref();
//模仿异步请求
 setTimeout(() => {
       scroll.value.update()
     }, 100);
</script>