vue 创建监听,和销毁监听(addEventListener, removeEventListener)

本文转载自查看原文 2019-11-13 10:05 269 WebUI/ WEB/ VUE/ nodejs

最近在做一个有关监听scroll的功能, 发现我添加监听之后一直不起作用:

 
         mounted() { 
        
         window.addEventListener( 
         "scroll" 
         ,  
         this 
         .setHeadPosition);  
         //this.setHeadPosition方法名

　　后来发现要在后面添加一个true之后才行:

 
         mounted() { 
        
         window.addEventListener( 
         "scroll" 
         ,  
         this 
         .setHeadPosition,  
         true 
         ); 
        
         },

　　而在离开是的时候需要销毁监听: (在destroyed里面销毁), 否则监听会一直存在, 因为这是单页面应用, 页面并未关闭.

 
         destroyed() { 
        
         window.removeEventListener( 
         "scroll" 
         ,  
         this 
         .setHeadPosition,  
         true 
         ); 
        
         },

　在销毁的时候一定也要加上true, 否则销毁不起作用.

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue 创建监听,和销毁监听(addEventListener, removeEventListener) addEventListener()与removeEventListener(),追加事件和删除追加事件使用addeventlistener为js动态创建的元素添加事件监听 vue 子组件监听窗口变化无效,要使用 addEventListener 兼容8事件绑定与解绑addEventListener、removeEventListener和ie的attachEvent、detachEvent JS添加事件和解绑事件：addEventListener()与removeEventListener() addEventListener() 方法，事件监听 addeventlistener监听scroll跟touch addEventListener事件监听传递参数 vue如何监听浏览器刷新事件呢？不仅仅是页面销毁就触发的事件。