el-select下拉加载

el-select下拉加载是一种在滚动到底部时，动态请求并加载更多数据的功能。在某个组件中，可以使用自定义指令来实现el-select下拉加载的功能。

以下是一个实现el-select下拉加载的例子：

directives: {
  "loadmore": {
    bind(el, binding) {
      // 找到el-select对应的ul元素节点
      const SELECTDOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap')
      
      // 为ul绑定滚动事件
      SELECTDOM.addEventListener('scroll', function () {
        // 判断是否滚动到底部
        const condition = this.scrollHeight - this.scrollTop == this.clientHeight
        if (condition) {
          // 触发指令后执行加载数据的方法
          binding.value()
        }
      })
    }
  }
}

通过以上代码，我们可以在el-select组件中使用v-el-select-loadmore指令来实现下拉加载功能。当滚动到底部时，会触发绑定的方法，从而加载更多数据。