vue2实现el-select触底加载数据

实现el-select触底加载数据，可以通过监听滚动事件来进行判断。当滚动到底部时，就去请求新的数据，并将其添加到已有的数据上。

以下是一个简单的示例代码：

<template>
  <el-select v-model="selected" filterable @scroll="handleScroll">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selected: '',
      options: [],
      page: 1, // 当前页数
      pageSize: 10 // 每页数量
    };
  },
  methods: {
    // 处理滚动事件
    handleScroll() {
      const el = this.$refs.select.$refs.popper; // 获取下拉框的popper元素
      if (el.scrollTop + el.offsetHeight >= el.scrollHeight) {
        // 到达底部，请求新数据
        this.getNextPage();
      }
    },
    // 请求下一页数据
    getNextPage() {
      // 发送请求，获取新数据
      // ...
      // 模拟数据
      const newData = [
        { value: 'value1', label: 'label1' },
        { value: 'value2', label: 'label2' },
        { value: 'value3', label: 'label3' }
      ];
      this.options = [...this.options, ...newData];
      this.page++;
    }
  }
};
</script>

在该示例中，我们监听了el-select的scroll事件，当滚动到底部时，就触发getNextPage方法去请求新的数据，并将其添加到已有的数据上。当然，实际情况可能会更复杂，需要根据具体需求进行修改。