Vue中如何设置滚动事件以实现长尾词功能？

本文共计515个文字，预计阅读时间需要3分钟。

一、问题发现在查看Vue的事件文档中，测试scroll事件发现如下情况：触发scroll事件时，发现其行为不正常，没有触发scroll事件。经过一番搜索，未能找到导致这一问题的原因，但发现Vue中有两种设置滚动事件的设置方法。

二、解决方案

1.使用`div @scroll='showOut'`设置滚动事件。

2.使用`div @scroll=showOut`设置滚动事件。

一、问题发现

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

<div @scroll='showOut'></div>

二、原因分析

暂无

三、解决办法

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

<div @mousewheel='showOut'></div>

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