如何在vue nuxtjs中监听滚动事件?

vue.js Vue.js

樱西门

2020-03-23

我正在寻找解决方案,并想出了这段代码

methods: {
  handleScroll () {
    console.log(window.scrollY)
  }
},
created () {
  window.addEventListener('scroll', this.handleScroll);
},
destroyed () {
  window.removeEventListener('scroll', this.handleScroll);
}

不幸的是,这对我不起作用。我也尝试将窗口更改为document.body。

错误消息是 Window is not defined

第2865篇《如何在vue nuxtjs中监听滚动事件?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
皮卡丘 2021.08.05

if (process.browser) {

       console.log(window)

       console.log(window.scrollY)

     }

我加了这个就能获取到window了

问题类别

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