如何在VueJS组件中监听窗口滚动事件？

DavaidHarry2020-03-11

我想听我的Vue组件中的窗口滚动事件。这是我到目前为止尝试过的：

<my-component v-on:scroll="scrollFunction">
    ...
</my-component>

随着scrollFunction(event)正在我的组件方法来定义，但它似乎没有工作。

有人知道如何执行此操作吗？

谢谢！

阿飞猿2020/03/11 18:00:28

您的要求是在组件上，但最终要增加主体而不是组件。当然，您也可以对特定元素执行此操作，但是，嘿...这就是直接与Vue自定义组件一起使用的功能。

 <MyCustomComponent nativeOnScroll={this.handleScroll}>

要么

<my-component v-on:scroll.native="handleScroll">

并为handleScroll定义一个方法。简单！

Newest Answer