vue如何实现监听元素滚动事件

Question

如果是jq，直接addeventlisten监听滚动事件即可，但是vue中我用@scroll来监听我的滚动并没有效果，应该如何才能获取我想要的元素的滚动，并且附带返回x,y值是我钻牛角尖了，其实用@mouse事件去写一套流程就很简单了，但是用@scroll还是写不出来，希望以后有更好的解决方法吧

Answer 1

你要滚动的元素要高度才可以,还有出现滚动条才会触发你的滚动事件,

`

.left{

height: 300px;

overflow: hidden;

}

imgScroll(e){

            console.log(e);

        }

还有就是你调用事件的时候不要写 () 应该换成这个事件 @mousewheel="imgScroll"

`

比如这样写

Answer 2

<ul class="test_paper" id="testPaper" @scroll="paperScroll()">