关于vue项目中监听滚动条事件的一些坑

在vue项目中监听滚动条事件

最近在进行一个vue项目时，需要监听滚动条高度，控制一个导航Dom元素的显示或者隐藏，但是总是无法实现onscoll事件的监听。
在网上看了一下基本都是这样的：

methods:{
        handleScroll(){
            console.log(1);
        }
    },
mounted(){        
        window.addEventListener("scroll", this.handleScroll)
  	}

但是实际上是没有效果的，需要在事件监听器中添加第三个参数true

mounted(){        
        window.addEventListener("scroll", this.handleScroll,true)
  	}

这样才能监听到滚动条事件
第三个参数是布尔值，指定使用事件冒泡还是事件捕获。此参数是可选的。

如果页面设置了 overflow:hidden或者overflow: auto ,则监测到的滚动值一直是0，改为 overflow: visible即可。