十四、Vue專案 - 對全域性事件的解綁(非常重要 !!!)
問題:
上一篇是在詳情頁的Header.vue元件中做的漸隱漸現效果中用到了window.addEventListener(‘scroll’, this.handleScroll)
但沒有及時對全域性事件進行解綁,就會對程式碼造成大量bug。
現在去首頁滑動也能執行,這是因為window是對全域性物件進行繫結,並不是繫結在元件中
解決:
當我們對元件用了keep-alive之後就會多出一個 deactivated() 生命週期鉤子函式:頁面即將被隱藏或即將被替換成新的頁面時執行
相關文章
- vue專案如何全域性引入scss檔案VueCSS
- Vue專案全域性配置微信分享實踐Vue
- 在vue專案中 如何定義全域性變數 全域性函式Vue變數函式
- 刪除事件(解綁事件)/ 刪除事件相容性解決方案事件
- vue專案中如何全域性引入scss/sass檔案VueCSS
- webpack+vue+sass專案中,sass提取全域性引用WebVue
- vue全域性APIVueAPI
- Vue 原始碼解讀(5)—— 全域性 APIVue原始碼API
- RAC全域性等待事件分析事件
- vue定義全域性變數和全域性方法Vue變數
- jQuery之_事件繫結與解綁jQuery事件
- Vue專案全域性配置頁面快取,實現按需讀取快取Vue快取
- [Vue] 如何定義全域性的方法?Vue
- vue2.0全域性路由守衛(全域性控制登入)Vue路由
- 專案經理被綁架
- Vue -- vue-全域性導航守衛Vue
- Vue元件之全域性註冊Vue元件
- webpack4對第三方庫css,專案全域性css和vue內聯css檔案提取到單獨的檔案(二十二)WebCSSVue
- vue 原始碼詳解(一):原型物件和全域性 `API`的設計Vue原始碼原型物件API
- 五分鐘一百行程式碼,手寫一個vue專案全域性通用的toast提示元件行程VueAST元件
- vue.js中封裝全域性filterVue.js封裝Filter
- 兩種方式配置vue全域性方法Vue
- nodejs在typescript專案中申明全域性變數NodeJSTypeScript變數
- [專案管理]專案管理中組員婚嫁事件對話專案管理事件
- 手撕Vue-Router-新增全域性$router屬性Vue
- 基於Vue的點對點聊天專案Vue
- vue 全域性函式的 定義與任意呼叫Vue函式
- vue-geventbus – 一個優雅的 Vue 全域性事件處理外掛Vue事件
- vue-geventbus - 一個優雅的 Vue 全域性事件處理外掛Vue事件
- 基於NuxtJS/Vue自定義彈層元件|Vue長按彈窗|Vue全域性對話方塊UXJSVue元件
- jquery中事件重複繫結以及解綁問題jQuery事件
- Vue定義全域性過濾器filterVue過濾器Filter
- 手把手教你擼vue全域性元件Vue元件
- vue-cli4中全域性引入jqueryVuejQuery
- vue-cli 配置 sass 全域性變數Vue變數
- vue 專案白屏解決方案Vue
- swift專案呼叫OC庫 和OC專案 在swift檔案裡面全域性呼叫OC庫Swift
- vue專案中解決type=”file“ change事件只執行一次的問題Vue事件