el-select下拉框处理分页数据，触底加载更多

1、声明自定义指令：

directives: {
    'loadmore': {
        inserted(el, binding) {
            const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap');
            SELECTWRAP_DOM.addEventListener('scroll', function() {
                const condition = this.scrollHeight - this.scrollTop <= this.clientHeight;
                if (condition) {
                    binding.value();
                }
            });
        }
    }
},

2、使用自定义指令v-loadmore：

3、发送请求加载数据

//滚动条滚动到底部
loadMore(){
    //页数加一
    this.pageNum ++ 
    //发送网络请求
    this.getDeviceList()
},

参考：el-select滚动到底部加载更多（分页加载数据）_el-select 触底加载分页_天道酬勤_鹿的博客-CSDN博客