Vue中添加滚动事件设置的方法详解

一、问题发现

在看vue的事件文档中,测试scroll事件发现如下是行不通的,触发不了scroll事件, 经过一番搜寻未找到原因,不过找到了另外两种在vue中设置滚动事件。

二、原因分析

暂无

三、解决办法

1.直接利用mousewheel事件替代scroll事件

mousewheel鼠标滚轮,显而易见动动鼠标滚轮就能触发事件,但是用光标拖拽滚动条就不能触发事件。

2.类似于原生js添加滚动事件

这种方法既能用滚轮来触发事件也能用光标拖动滚动条触发事件。

总结

到此这篇关于vue中添加滚动事件设置的文章就介绍到这了,更多相关vue添加滚动事件设置内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！