vue中keep-live使用click-outside

Jeffrrey 發布于2019-08-23 17:02 / 3396人閱讀

摘要：但由于的原因，路由切換并不會注銷這個所以只要你不點擊綁定元素時，那么一直會觸發這個事件。對性能影響不大應該不大，在中的也會一直觸發這個事件。無奈，就在的生命周期函數中中通過殺出了這個綁定事件的元素，在中插入這個元素

頁面,在這里已經定義了自定義指令，click-outside,既點擊指令綁定元素的外部觸發

這里就有一個問題了，當元素綁定了click-outside 之后，那么只有等元素注銷才會將這個指令注銷掉。
但由于keep-alive 的原因，路由切換并不會注銷這個route-view,所以只要你不點擊綁定out-side元素時，那么一直會觸發這個事件。
對性能影響不大（應該不大），在element-ui中的el-dropdown 也會一直觸發這個事件。
在項目中我在out-side中一直console.log了一個字符串，不管頁面怎么切換，只要有out-side指令的頁面沒有注銷，那么不管你點擊哪里都會觸發這個事件。
一直console.log，這個就令人有點不舒服了。為了工作的舒適性，我搜索了這個問題，發現除了注銷元素，就沒有其他方法了。
無奈，就在keep-alive的生命周期函數中deactivated中通過殺出了這個綁定事件的元素，在activated中插入這個元素

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103699.html

web技術分享| LRU 緩存淘汰算法

摘要：雙向鏈表用于管理緩存數據結點的順序，新增數據和緩存命中最近被訪問的數據被放置在結點，尾部的結點根據內存大小進行淘汰。了解 LRU 之前，我們應該了解一下緩存，大家都知道計算機具有緩存內存，可以臨時存儲最常用的數據，當緩存數據超過一定大小時，系統會進行回收，以便釋放出空間來緩存新的數據，但從系統中檢索數據的成本...

graf 2021-11-24 09:39 評論0 收藏0
Go 爬蟲之 HTTP 請求 QuickStart

摘要：即是發送請求的客戶端，請求的執行都是由發起。響應信息執行請求成功，如何查看響應信息。提交文件文件提交應該是請求中較為復雜的內容了。主要涉及兩部分內容，即讀取響應的與設置請求的。的包中請求是不重定向的，但測試結果顯示的是自動重定向的。前幾天在知乎想法談到了一個話題，如何模仿學習，舉了通過 net/http client 模仿 Pyhton 的requests的例子。但并未實踐，難道...

antyiwei 2019-07-31 11:31 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0