vue获取元素高度提示undefined

Question

\#\#\# 问题描述
在使用滚动监听的页面。offsetHeight使用正常。再切换到其他页面后提示"Uncaught TypeError: Cannot read property 'offsetHeight' of undefined"。再切换回原页面后同样报错

\#\#\# 问题出现的环境背景及自己尝试过哪些方法

\#\#\# 相关代码
粘贴代码文本（请勿用截图）
mounted() {

window.addEventListener('scroll', this.handleScroll, true)

},
methods: {

// 监控页面滚动
handleScroll() {
  var top = Math.floor(
    document.body.scrollTop ||
    document.documentElement.scrollTop ||
    window.pageXOffset
  )
  const height = this.$refs.btns.offsetHeight
  console.log(height)
  this.fixed = top > 243 + height
},

\#\#\# 你期待的结果是什么？实际看到的错误信息又是什么？
如何解决报错

Answer 1

你切换到其他页面没卸载监听器吧。