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) vue 創建監聽,和銷毀監聽(addEventListener, removeEventListener) 監聽事件綁定（addEventListener、attachEvent）和移除（removeEventListener、detachEvent） vue后台項目，銷毀屏幕監聽的全局事件 window.addEventListener('resize', this.resetResize) Vue添加銷毀監聽滾動事件 addEventListener()和removeEventListener() vue銷毀當前組件的事件監聽 addEventListener() 方法，事件監聽 addeventlistener監聽scroll跟touch addEventListener() 方法，事件監聽