在elment-ui中有這么一個滾動條，當鼠標over到內容部分才會顯示，移開鼠標之后滾動條就會隱藏起來，相較于原生的滾動條比較美觀。

<el-scrollbar> //將滾動條的內部的內容放在里面即可    </el-scrollbar>

在使用過程中，如果父級高度發生改變的時候，滾動條拖動就會出現異常的情況，這個時候需要父組件的高度，當發生改變的時候，調用組件的 update 方法；這里主要在 mounted 里面對其進行監聽，當然定時器也可以（詳見參考）

<el-scrollbar style="height:100%" ref="scrollbar"></el-scrollbar>this.$nextTick(() => {const scr = this.$refs.scrollbar.$el; // 獲取<el-scrollbar>的DOM節點const observer = new ResizeObserver(() => {this.$refs.scrollbar.update();});observer.observe(scr); // 監聽高度變化
});

---

參考：

elementUi滾動條的使用及設置滾動條一直顯示_element ui 滾動條-CSDN博客