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

..."> ..."/> ..."> ...">

JavaScript

DavaidHarry

2020-03-11

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

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

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

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

谢谢！

第795篇《如何在VueJS组件中监听窗口滚动事件？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答

阿飞猿 2020.03.11

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

 <MyCustomComponent nativeOnScroll={this.handleScroll}>

要么

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android