vue获取元素高度提示undefined

• Z时代
• 2024-01-10
• 分类：技术分享

\#\#\# 问题描述
在使用滚动监听的页面。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
},

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

回答

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

以上是 vue获取元素高度提示undefined 的全部内容， 来源链接： utcz.com/a/80755.html