一、指令代码
import Vue from 'vue'
export default {}.install = (Vue, options = {}) => {
Vue.directive('loadmore', {
inserted(el, binding) {
const SELECTDOWN_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap')
SELECTDOWN_DOM.addEventListener('scroll', function() {
const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight
if (CONDITION) {
binding.value()
}
})
}
})
}
二、main.js引入
import loadMore from '@/directive/loadMore/loadMore'
Vue.use(loadMore);
三、页面使用
<el-select v-loadmore="这里是你自己定义的函数">
</el-select>