21 lines
537 B
JavaScript
21 lines
537 B
JavaScript
|
import { nextTick } from 'vue'
|
||
|
|
|
||
|
|
const loadMore = app => {
|
||
|
|
app.directive('tableLoadMore', {
|
||
|
|
mounted: function (el, binding) {
|
||
|
|
nextTick(() => {
|
||
|
|
const dom = el.querySelector('.el-scrollbar__wrap') // 获取下拉框元素
|
||
|
|
dom.addEventListener('scroll', function () {
|
||
|
|
// 监听元素触底
|
||
|
|
const condition = this.scrollHeight - this.scrollTop - 5 <= this.clientHeight
|
||
|
|
if (condition) {
|
||
|
|
binding.value()
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
export default loadMore
|