el-select 下拉框自动滚动到底部

在 Vue 的 Element UI 组件 `el-select` 中，当下拉选项非常多时，用户可能会希望滚动到列表的底部以便更好地查看所有选项。你可以通过给 `el-select` 添加自定义样式，或者利用 Vue 的 `v-ref` 和 JavaScript 来实现这个功能。

下面是一个简单的例子：

<template>
  <el-select ref="selectRef" v-model="selectedValue">
    <!-- ... 你的选项列表 -->
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
    };
  },
  mounted() {
    this.$refs.selectRef.$refs.popperInstance.scrollTo({
      top: this.$refs.selectRef.$el.scrollHeight,
      behavior: 'smooth',
    });
  },
};
</script>

<style scoped>
.el-select__wrap { /* 或者根据需要选择其他合适的元素 */
  overflow-y: auto; /* 添加滚动条 */
}
</style>

在这个示例中，我们在组件挂载后，获取到下拉框的 `popperInstance`，这是 Select 自带的弹出层实例。然后调用 `scrollTo()` 方法，将滚动位置设置为整个下拉列表的总高度，使得下拉列表自动滚动到底部。