Vue监听单个组件滚动

首先我们要在需要监听的组件上加一个$ref

<div class="scrollComponentContainer" ref="viewBox">
  ...
</div>

然后在methods里加一个监听的方法

scrollListener:function(){
            this.box = this.$refs.viewBox
            this.box.addEventListener('scroll', () => {
                colsole.log(this.$refs.viewBox.scrollTop)
            }, false)
        },

最后在钩子函数mounted里运行这个方法

mounted(){
  this.scrollListener()
}

齐活