el-select带划动

el-select是一个基于Element UI的下拉选择框组件，它不带有滑动功能。但是，你可以使用iScroll插件来实现带有滑动功能的el-select。iScroll是一个高性能、轻量级的滚动插件，它可以应用于各种滚动场景，包括下拉刷新、上拉加载更多、轮播图等。在el-select中使用iScroll，你需要在el-select的外层容器上应用iScroll插件，并设置相应的参数，例如scrollbarClass、useTransition、topOffset等。这样，你就可以通过滑动来选择el-select中的选项了。

相关问题

el-select的option超出滚动范围

当el-select的option超出滚动范围时，可以考虑以下解决方案：

1. 增加el-select的高度：可以通过设置el-select的样式或者使用inline-template来修改el-select的高度，使其能够展示所有的option，以免超出滚动范围。

2. 使用el-scrollbar组件：el-select内置了el-scrollbar组件，可以通过设置el-select的popper-class属性，自定义一个带有滚动条的样式，并将其应用到el-select中。这样，在超出滚动范围时，可以通过滑动滚动条来浏览所有选项。

3. 使用分页加载：如果option的数量较大，超出滚动范围时可以考虑使用分页加载的方式，只显示当前页的option，并提供翻页按钮或下拉框切换页码，以便用户浏览和选择所有选项。

4. 自定义组件：如果以上方法都无法满足需求，可以考虑使用自定义组件来替代el-select，并根据需求实现滚动效果或其他交互特性。

总之，针对el-select的option超出滚动范围的问题，可以根据具体情况选择合适的解决方案，以提供更好的用户体验。

vue中el-select下拉框文字过长时，导致dropdown溢出问题，加入横向滑动条

可以通过给 `el-select` 的父容器添加 `overflow-x: auto` 样式来实现横向滚动条。具体可以按照以下步骤进行：

1. 给 `el-select` 的父容器添加一个类名，比如 `select-wrapper`。

2. 在 CSS 中为该类名添加 `overflow-x: auto` 样式，这样当 `el-select` 的内容过长时，就会出现横向滚动条。

例如，HTML 代码如下：

<div class="select-wrapper">
  <el-select>
    <el-option label="Option 1" value="option1"></el-option>
    <el-option label="Option 2" value="option2"></el-option>
    <!-- 更多选项... -->
  </el-select>
</div>

CSS 代码如下：

.select-wrapper {
  overflow-x: auto;
}

这样就可以解决 `el-select` 下拉框文字过长导致的 `dropdown` 溢出问题，并且添加了横向滚动条。