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;
            },
目录
相关文章
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
28 1
|
3月前
|
JavaScript 前端开发 Swift
js之删除dom | 12-3
js之删除dom | 12-3
|
4月前
|
JavaScript 前端开发
JS中的事件监听
JS中的事件监听
46 4
|
4月前
|
JavaScript
Vue.js 中的 $v 和 $event 代表什么?
Vue.js 中的 $v 和 $event 代表什么?
|
4月前
Vue3项目使用 wow.js 让页面滚动更有趣~
本文介绍了如何在Vue3项目中集成wow.js库,通过实现滚动动画效果来增强页面的动态性和趣味性,并提供了详细的使用示例和参数说明。
374 0
Vue3项目使用 wow.js 让页面滚动更有趣~
|
5月前
|
JavaScript API
vue全屏滚动——vue-fullpage.js教程
vue全屏滚动——vue-fullpage.js教程
191 0
|
JavaScript 前端开发
Vue.js组件的重要选项
Vue.js组件的重要选项
73 0
|
7月前
|
JavaScript 数据安全/隐私保护 开发者
解决vue引发的报错-sub is not a function at vuex.esm.js:422:1跳转不了路由的问题
解决vue引发的报错-sub is not a function at vuex.esm.js:422:1跳转不了路由的问题
240 0
|
设计模式 存储 开发框架
带你理解Vue.js:轻松创建复杂的SPA
“带你理解 Vue.js:轻松创建复杂的 SPA” 是一篇深入探讨 Vue.js 框架及其在单页应用(SPA)开发中的作用的技术博文。在这篇文章中,我们将跟随尘缘..的脚步,一步步了解 Vue.js 的核心概念,包括它的声明式渲染、组件系统、路由管理、状态管理,以及与其他前端框架的比较。 无论你是刚接触前端开发,还是已经有一定经验的开发者,这篇文章都将为你提供深入而全面的 Vue.js 知识,帮助你轻松地创建复杂的单页应用。
126 1
vue.config.js的优化配置(element-ui, echarts, lodash按需加载 )(二)
vue.config.js的优化配置(element-ui, echarts, lodash按需加载 )(二)