Vue.directive('loadmore', {
bind(el, binding) {
let select_dom = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap');
select_dom.addEventListener('scroll', function () {
const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight;
if (CONDITION) {
binding.value();
}
});
}
});
<el-select
v-model="detailForm.userNo"
filterable
v-loadmore="loadmoreUserId"
remote
:loading="isLoading"
:remote-method="(query) => qryOptions(query, 'userId')"
>
<el-option
v-for="item in idOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
loadmoreUserId() {
console.log('我滑动加载了');
this.qryUserId();
},