献上代码场景:
// 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>