1、
首先從上述路徑可以看見scrollbar這個元件是存在的
渲染出來層級
*el-scrollbar(下面是自動渲染出來的不需要寫在代碼裡)
*el-scrollbar__wrap
*el-scollbar__view
*el-scollbar__bar is-horizontal
*el-scollbar__thunmb
*el-scollbar__bar is-vertical
*el-scollbar__thunmb
2、從檔案看看怎麼引入
3、将元件引入要使用的檔案中
4、必備元素
(1)外層定高的div
(2)el-scrollbar height設為100%
(3)可以通過
el-scrollbar 内的el-scrollbar__wrap的 隐藏水準/垂直的滾動條
overflow-x:hidden; //隐藏水準滾動條
overflow-y:hidden; //隐藏垂直滾動條
(4)通過無限滾動元件設定無限滾動(見vue文檔)https://element.eleme.cn/#/zh-CN/component/infiniteScroll
(記得判斷到最後一頁的時候不要再執行loadMore不然會無限發送新請求)
4、效果