首页 > 其他 > 详细

Element-UI 框架 el-scrollbar 组件

时间:2020-02-20 12:04:47      阅读:82      评论:0      收藏:0      [点我收藏+]

前言

Element-UI 官方文档并没有写到关于 el-scrollbar 的文档,具体原因不详, 下面整理一下关于隐藏组件 el-scrollbar的文档说明

结构组成

技术分享图片

 

 

基础使用

使用注意点: el-scrollbar 标签 需要给定高度.包裹内容超过给定高度, 就回出现滚动条

<el-scrollbar>
  <div>....</div>
</el-scrollbar>

  可以直接给 el-scrollbar添加 class 属性.

详细案例

<el-scrollbar
    wrapClass="class-name"
    viewClass="class-namt"
    wrapStyle="color:‘#fff‘;fontSize:‘16px‘;"
    viewStyle="color:‘#fff‘;fontSize:‘16px‘;"
    :native="false"
    :noresize="true"
    tag="ul"
>
    <div>...</div>
</el-scrollbar>

  

文档

 

参数说明类型可选值默认值
wrapClass 可选参数,容器的样式名 string - -
viewClass 可选参数,展示视图的样式名 string - -
wrapStyle 可选参数,容器的样式 string - -
viewStyle 可选参数,展示视图的样式 string - -
native 可选参数,是否使用原生滚动 boolean - false
noresize 可选参数,容器大小是否是不可变的 boolean - false
tag 可选参数,渲染容器的标签 string - div

源码 github.com/ElemeFE/ele…

文章 element ScrollBar滚动组件源码深入分析

 

Element-UI 框架 el-scrollbar 组件

原文:https://www.cnblogs.com/xuange306/p/12334655.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!