element-ui中的scrollbar組件使用

簡介

scrollbar是element-ui中的一個虛擬滾動組件，只是在文檔中並沒有寫出來，也是可以正常使用的

使用

scrollbar組件暴露了 native, wrapStyle, wrapClass, viewClass, viewStyle, noresize, tag 這7個 props屬性

props: {
    native: Boolean,  // 是否使用本地，設爲true則不會啓用element-ui自定義的滾動條
    wrapStyle: {},  // 包裹層自定義樣式
    wrapClass: {},  // 包裹層自定義樣式類
    viewClass: {},  // 可滾動部分自定義樣式類
    viewStyle: {},  // 可滾動部分自定義樣式
    noresize: Boolean, // 如果 container 尺寸不會發生變化，最好設置它可以優化性能
    tag: {  // 生成的標籤類型，默認使用 `div`標籤包裹
      type: String,
      default: 'div'
    }
}

注意:

• 如何想使用max-height實現高度的動態變化，可以在組件外面添加一層div使用max-height進行高度配置。
• 如果想不要橫向滾動條需要進行css樣式的修改

.el-scrollbar__wrap {
        overflow-x: hidden;
    }