十四、Vue项目 - 对全局事件的解绑(非常重要 !!!)

问题:
上一篇是在详情页的Header.vue组件中做的渐隐渐现效果中用到了window.addEventListener(‘scroll’, this.handleScroll)
但没有及时对全局事件进行解绑,就会对代码造成大量bug。
现在去首页滑动也能执行,这是因为window是对全局对象进行绑定,并不是绑定在组件中
在这里插入图片描述

在这里插入图片描述
解决:

当我们对组件用了keep-alive之后就会多出一个 deactivated() 生命周期钩子函数:页面即将被隐藏或即将被替换成新的页面时执行

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45811256/article/details/109479548