Element-Plus的ClickOutside指令導致內存泄漏的解決辦法
更新時間:2024年01月24日 10:11:49 作者:yanessa_yu
這篇文章給大家介紹了Element-Plus的ClickOutside指令導致內存泄漏的解決辦法,文中給出了詳細的解決辦法,遇到同樣問題的小伙伴可以參考閱讀一下本文
引起內存泄漏的源碼如下
var startClick = void 0; var seed = 0; !_vue2.default.prototype.$isServer && (0, _dom.on)(document, 'mousedown', function (e) { return startClick = e; });
該內存泄漏該如何解決呢?
答案是不需要解決, 因為當鼠標點擊任何其他地方時, 上述游離節(jié)點會被回收。 因為鼠標點擊時,會再次觸發(fā)document上綁定的mousedown事件, 此時startClick會被賦值新的值。從而startClick和游離節(jié)點解除綁定, 游離節(jié)點被正?;厥铡?/p>
當然最好的解決是在回調函數內部加上一層判斷。對于沒有綁定該指令的元素就不要給startClick賦值了。
官網反饋
https://github.com/element-plus/element-plus/issues/13851
以上就是Element-Plus的ClickOutside指令導致內存泄漏的解決辦法的詳細內容,更多關于Element-Plus ClickOutside內存泄漏的資料請關注腳本之家其它相關文章!
相關文章
對vue v-if v-else-if v-else 的簡單使用詳解
今天小編就為大家分享一篇對vue v-if v-else-if v-else 的簡單使用詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09