本文实例为大家分享了Vue组件实现触底判断的具体代码,供大家参考,具体内容如下
非常简陋的代码,以后有空回来完善
子组件代码:
<template> <div class="scroll"></div> </template> <script> export default { name:'Scroll', methods:{ scrollEvent(){ if (document.documentElement.scrollTop + document.documentElement.clientHeight >= document.body.scrollHeight) { this.onBottom(); } } }, props:{ onBottom:Function }, mounted(){ window.addEventListener('scroll', this.scrollEvent,false); }, destroyed () { window.removeEventListener('scroll', this.scrollEvent,false); } } </script>
新闻标题:Vue组件实现触底判断-创新互联
网站地址:https://www.cdcxhl.com/article20/dhcojo.html
成都网站建设公司_创新互联,为您提供网站导航、域名注册、网站收录、ChatGPT、企业网站制作、外贸建站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联