element UI 滑动条组件

最新推荐文章于 2025-09-21 17:43:31 发布

原创最新推荐文章于 2025-09-21 17:43:31 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

ElementUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了ElementUI中滑动条组件的具体用法。通过示例代码展示如何使用<el-scrollbar>标签实现自定义滚动条效果，并提供设置高度、宽度及禁用原生滚动条等功能。

element UI 里滑动条组件的使用

<el-scrollbar></el-scrollbar>标签即elementUI里的滑动条标签，此标签是一个隐藏标签，在说明文档中没有介绍

<el-card style="width: 250px;height: 400px;" :body-style="{height:'400px'}">
    <el-scrollbar style="height: 100%" :native="false">
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
      </ul>
    </el-scrollbar>
</el-card>