import { Directive, DirectiveBinding } from 'vue'
|
|
const loadMoreNew: Directive = {
|
beforeMount(el: any, binding: DirectiveBinding) {
|
let arg = binding.arg as any
|
if (!arg) return
|
const selectDom = document.querySelector(`.${arg.name} .el-select-dropdown .el-select-dropdown__wrap`)
|
function loadMores(this: any) {
|
const isBase = this.scrollHeight - this.scrollTop <= this.clientHeight
|
if (isBase) {
|
binding.value && binding.value(arg)
|
}
|
}
|
el.selectDomInfo = selectDom
|
el.userLoadMore = loadMores
|
selectDom?.addEventListener('scroll', loadMores)
|
},
|
beforeUnmount(el: any) {
|
if (el.userLoadMore) {
|
el.selectDomInfo.removeEventListener('scroll', el.userLoadMore)
|
delete el.selectDomInfo
|
delete el.userLoadMore
|
}
|
}
|
}
|
export default loadMoreNew
|
