vue-scrollTop-监听scrolltop在未应用页面报错bug解决小记

前沿

---

之前在项目中使用vue-cli scrollTop开发过网站右侧楼层导航效果折腾小记，现在测试说有一个bug,那会就是有些页面一直报错

index.vue:47 Uncaught TypeError: Cannot read property 'top' of undefined
    at VueComponent.myScroll (index.vue:47)

经过筛查发现是scroll报的错，发现即使在某些页面为没有使用组件，也会抱着个错，于是就开始研究，发现
window.addEventListener("scroll", this.myScroll);是基于windos对象的，所以在整个项目都会监听，最后想到vue的一个生命周期destroyed,

• 那就是在组件销毁时也取消removeEventListener监听,这样就好了。

解决方案

需要在网站右侧楼层导航效果折腾小记这个组件中加入，同时我也更新了这个组件，直接使用就好了。

  destroyed() {
    window.removeEventListener("scroll", this.myScroll);
  },

结束语

多多折腾，多多学习。有什么不对的地方，评论区评论。大家一块进步。