滚动懒加载

最新推荐文章于 2023-04-11 22:37:24 发布

酸奶糖jane

最新推荐文章于 2023-04-11 22:37:24 发布

阅读量135

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_52494781/article/details/126406187

版权

 <div class="full-width table-box v-layout  " ref='settlement'  @scroll.passive="scrollEvt"></div>
 js
 
  scrollEvt() {
                let scrollTargetBox = this.$refs.settlement
                scrollTargetBox.onscroll = () => {
                    let scrollHeight = scrollTargetBox.scrollHeight;
                    let scrollTop = scrollTargetBox.scrollTop;
                    let clientHeight = scrollTargetBox.clientHeight;
                    if (scrollHeight - clientHeight === scrollTop) {
                        //滚动条滚到最底部
                        if (this.pages.current >= this.totalPage) return
                        this.pages.current++;
                        this.getList(this.pages, 'add')
                    }
                }
            },

这里为了偷懒通过ref 去取得元素,哈哈哈哈