十四、Vue專案 - 對全域性事件的解綁(非常重要 !!!)

鐵錘妹妹的學習日記發表於2020-11-03

問題:
上一篇是在詳情頁的Header.vue元件中做的漸隱漸現效果中用到了window.addEventListener(‘scroll’, this.handleScroll)
但沒有及時對全域性事件進行解綁,就會對程式碼造成大量bug。
現在去首頁滑動也能執行,這是因為window是對全域性物件進行繫結,並不是繫結在元件中
在這裡插入圖片描述

在這裡插入圖片描述
解決:

當我們對元件用了keep-alive之後就會多出一個 deactivated() 生命週期鉤子函式:頁面即將被隱藏或即將被替換成新的頁面時執行

在這裡插入圖片描述

相關文章