function isBottom(el){ const child = el.children[0] if(el.clientHeight + el.scrollTop >= child.scrollHeight){ console.log('触底了'); } } Vue.directive('scroll',{ bind(el){ el.addEventListener('scroll',function(){ isBottom(el) }) }, unbind(el){ el.removeEventListener(isBottom) } })
总结
以上所述是小编给大家介绍的Vue.directive 实现元素scroll逻辑复用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章: