新建directive.js
import Vue from 'vue'
// 自定义指令的格式,名字
Vue.directive('loadmore', {
bind(el, binding) {
const selectWrap = el.querySelector('.el-table__body-wrapper')
selectWrap.addEventListener('scroll', function() {
let sign = 0
const scrollDistance = this.scrollHeight - this.scrollTop - this.clientHeight
if (scrollDistance <= sign) {
binding.value()
}
})
}
})
在main.js中引入
import './utils/driective.js'
在el-table标签上直接引用
v-loadmore="loadmore"