将页面中el-scrollbar-bar不显示

要将页面中的 `el-scrollbar-bar` 不显示，你可以使用 CSS 来控制其样式。以下是一种可能的方法：

.el-scrollbar-bar {
  display: none;
}

将上述代码添加到你的 CSS 文件中，或者直接在页面的 `<style>` 标签中添加。这将使所有具有 `el-scrollbar-bar` 类的元素不显示。请确保在应用样式之前，已经加载了所需的 CSS 文件和相关的库。

相关问题

.el-scrollbar__bar.is-horizontal .el-scrollbar__thumb默认显示

要让element的横向滚动条默认显示，可以通过给滚动条的样式添加 `opacity: 1` 和 `display: block`，以强制显示滚动条。

具体实现代码如下：

.el-scrollbar__bar.is-horizontal .el-scrollbar__thumb {
  opacity: 1;
  display: block;
}

在上面的代码中，我们给滚动条的样式添加了 `opacity: 1` 和 `display: block`，以强制显示滚动条。这样就可以让element的横向滚动条默认显示了。

需要注意的是，如果滚动条被隐藏了，可能是因为滚动条的父元素设置了 `overflow: hidden`，这时需要把滚动条的父元素的 `overflow` 属性改为 `auto` 或 `scroll`，才能让滚动条显示。

vue el-scrollbar

Vue的element-ui库中提供了一个名为el-scrollbar的组件，用于实现带滚动条的容器。使用el-scrollbar组件可以方便地实现一个带有滚动条的容器，并且可以自定义滚动条的样式和行为。

以下是一个简单的el-scrollbar组件的示例：

<template>
  <el-scrollbar style="height: 200px;">
    <div class="content" style="height: 500px;">
      <!-- 这里是容器的内容 -->
    </div>
  </el-scrollbar>
</template>

<script>
import { ElScrollbar } from 'element-ui'

export default {
  components: {
    ElScrollbar
  }
}
</script>

<style>
/* 自定义滚动条样式 */
.el-scrollbar__thumb {
  background-color: #666;
  opacity: 0.4;
}
.el-scrollbar__bar {
  width: 5px;
}
</style>

在上面的示例中，el-scrollbar组件被用作一个容器，它的高度被设置为200px。在容器中有一个高度为500px的内容区域，当内容超出容器高度时，会自动出现滚动条。同时，通过自定义样式，我们可以修改滚动条的样式和行为。