【VUE】滚动到底部触发事件监听

gengboxb 398 0

使用@scroll

<div class='manufacturer-info' @scroll.native="scrollList($event)"></div>

监听

mounted () {
    document.addEventListener('scroll', this.scrollList, true)
}

销毁

 beforeDestroy () {
     document.removeEventListener('scroll', this.scrollList, true)
 },

滚动处理

// 滚动底部加载更多用户数据
scrollList (e) {
    this.$nextTick(() => {
        let el = e.target
 	if (el.scrollHeight - el.clientHeight - el.scrollTop < 30) {
            this.loadMoreUser()
        }
    })
}
广告

发表评论 取消回复
表情 图片 链接 代码

分享
微信
微博
QQ