// // import Vue from 'vue'
|
// //
|
// // export default () => {
|
// // Vue.directive('selectScroll', {
|
// // bind (el, binding) {
|
// // // 如上图，我通过v-if来控制了两个select框，当没有binding.arg这个参数时，我只能监听到企业类型下的select框，所以，我通过传参控制了监听的哪个select框
|
// // var className = '.' + binding.arg
|
// // el.className = binding.arg
|
// // // 获取滚动页面DOM
|
// // const SCROLL_DOM = el.querySelector(`${className} .el-select-dropdown .el-select-dropdown__wrap`)
|
// // // const SCROLL_DOM = el.querySelector(“.el-select-dropdown .el-select-dropdown__wrap“)
|
// // SCROLL_DOM.addEventListener('scroll', function () {
|
// // // 当前的滚动位置 减去 上一次的滚动位置
|
// // // 如果为true则代表向上滚动，false代表向下滚动
|
// // const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight
|
// // // 如果已达到指定位置则触发
|
// // if (CONDITION) {
|
// // // 将滚动行为告诉组件
|
// // binding.value()
|
// // }
|
// // })
|
// // }
|
// // })
|
// // }
|
//
|
// import { Directive, DirectiveBinding } from 'vue'
|
//
|
// const selectScroll: Directive = {
|
// beforeMount(el: any, binding: DirectiveBinding) {
|
// // 如上图，我通过v-if来控制了两个select框，当没有binding.arg这个参数时，我只能监听到企业类型下的select框，所以，我通过传参控制了监听的哪个select框
|
// const className = '.' + binding.arg;
|
// el.className = binding.arg
|
// // 获取滚动页面DOM
|
// const SCROLL_DOM = el.querySelector(`${className} .el-select-dropdown .el-select-dropdown__wrap`)
|
// // const SCROLL_DOM = el.querySelector(“.el-select-dropdown .el-select-dropdown__wrap“)
|
// SCROLL_DOM.addEventListener('scroll', function () {
|
// // 当前的滚动位置 减去 上一次的滚动位置
|
// // 如果为true则代表向上滚动，false代表向下滚动
|
// const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight
|
// // 如果已达到指定位置则触发
|
// if (CONDITION) {
|
// // 将滚动行为告诉组件
|
// binding.value()
|
// }
|
// })
|
// },
|
// }
|
// export default selectScroll
|
