vue.js window.removeEventListener 移除

简介: vue.js window.removeEventListener 移除

vue项目中的小坑记录下,想要移除window的addEventListener,需要把后面的function挂在到this上,

removeEventListener 和 addEventListener 中对应的参数要一致。

beforeDestroy() { //在组件生命周期结束的时候销毁。
            window.removeEventListener('scroll', this.scrollhandle);
        },
        methods: {
            listenerAction() { 
                window.addEventListener('scroll', this.scrollhandle);
            },
            scrollhandle(event) {
                var scrollY = event.path[1].scrollY;
            },
目录
相关文章
|
JavaScript
Ant designe vue中有关<a-list>组件中 实现分页以及复选框效果
Ant designe vue中有关<a-list>组件中 实现分页以及复选框效果
935 0
|
JSON 前端开发 JavaScript
微前端项目难点解决(二)
微前端项目难点解决
1433 0
|
前端开发
el-transfer 数据量过大加载慢卡顿解决办法:el-transfer虚拟滚动懒加载的实现
el-transfer 数据量过大加载慢卡顿解决办法:el-transfer虚拟滚动懒加载的实现
1415 0
|
5月前
|
存储 缓存 前端开发
HTTP 缓存详解
HTTP缓存是提升网页性能的核心机制,通过“强制缓存”和“协商缓存”减少请求、节省带宽。强制缓存由浏览器判断是否过期(如Cache-Control),未过期则直接使用本地资源;过期后进入协商缓存,服务器通过Etag或Last-Modified判定资源是否变更,可复用则返回304。合理配置缓存策略,能显著提升加载速度与用户体验。
456 3
|
5月前
|
数据采集 人工智能 前端开发
爬虫与反爬技术深度解析:攻防博弈中的技术演进
本文系统解析爬虫与反爬技术的动态博弈,涵盖技术原理(静态采集→动态渲染)、反爬矩阵(基础防护→智能风控)及反反爬演进(规则对抗→AI赋能),并探讨联邦学习、大模型、隐私计算等未来趋势,强调合规生态构建。(239字)
|
开发框架
threejs做特效:实现物体的发光效果-EffectComposer详解!
【8月更文挑战第7天】实现物体的发光效果-EffectComposer详解!
3076 6
threejs做特效:实现物体的发光效果-EffectComposer详解!
|
JavaScript 前端开发 UED
浏览器重绘和回流的区别是什么?
【10月更文挑战第30天】浏览器的重绘和回流在定义、触发原因、操作范围、性能开销以及优化方法等方面都存在明显的区别。在实际开发中,了解这些区别并采取相应的优化措施,对于提高页面的渲染性能和用户体验具有重要意义。
484 2
|
前端开发
CSS小技巧之圆形虚线边框
CSS小技巧之圆形虚线边框
521 0
|
JavaScript
vue路由从入门到进阶 --- 路由重定向与404等问题
vue路由从入门到进阶 --- 路由重定向与404等问题
|
JSON 前端开发 JavaScript
Vue微前端新探:iframe优雅升级,扬长避短,重获新生
Vue微前端新探:iframe优雅升级,扬长避短,重获新生
1198 0