1新建文件 rollingLoad.js
import Vue from 'vue'
Vue.directive('rolling-load', {
bind(el, binding) {
const SELECTWRAP_DOM = el.querySelector('.el-table__body-wrapper');
SELECTWRAP_DOM.addEventListener('scroll', function() {
let sign = 20;
const CONDITION = ((this.scrollHeight - this.scrollTop === this.clientHeight) &&
this.scrollTop > sign)
if(this.scrollTop > sign) {
sign = this.scrollTop;
}
if(this.scrollTop < sign) {
sign = this.scrollTop;
}
if(CONDITION) {
binding.value();
}
});
}
});
2引入main.js
import 'rollingLoad'
3使用
<div v-rolling-load="func"></div>
<script>
func(){
执行业务代码
}
</script>