Element-Plus的ClickOutside指令導(dǎo)致內(nèi)存泄漏的解決辦法
引起內(nèi)存泄漏的源碼如下
var startClick = void 0;
var seed = 0;
!_vue2.default.prototype.$isServer && (0, _dom.on)(document, 'mousedown', function (e) {
return startClick = e;
});
該內(nèi)存泄漏該如何解決呢？
答案是不需要解決， 因?yàn)楫?dāng)鼠標(biāo)點(diǎn)擊任何其他地方時(shí)， 上述游離節(jié)點(diǎn)會(huì)被回收。 因?yàn)槭髽?biāo)點(diǎn)擊時(shí)，會(huì)再次觸發(fā)document上綁定的mousedown事件， 此時(shí)startClick會(huì)被賦值新的值。從而startClick和游離節(jié)點(diǎn)解除綁定， 游離節(jié)點(diǎn)被正?；厥铡?/p>
當(dāng)然最好的解決是在回調(diào)函數(shù)內(nèi)部加上一層判斷。對(duì)于沒有綁定該指令的元素就不要給startClick賦值了。
官網(wǎng)反饋
https://github.com/element-plus/element-plus/issues/13851
以上就是Element-Plus的ClickOutside指令導(dǎo)致內(nèi)存泄漏的解決辦法的詳細(xì)內(nèi)容，更多關(guān)于Element-Plus ClickOutside內(nèi)存泄漏的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Vue使用視頻作為網(wǎng)頁(yè)背景的實(shí)現(xiàn)指南
在現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中,視頻背景逐漸成為一種流行的設(shè)計(jì)趨勢(shì),它不僅能夠提升網(wǎng)頁(yè)的動(dòng)態(tài)效果,還可以在視覺上抓住用戶的注意力,本文將詳細(xì)講解如何在頁(yè)面中使用視頻作為背景,并確保內(nèi)容可見、頁(yè)面元素布局合理,需要的朋友可以參考下2024-10-10
Vue實(shí)現(xiàn)讓頁(yè)面加載時(shí)請(qǐng)求后臺(tái)接口數(shù)據(jù)
這篇文章主要介紹了Vue實(shí)現(xiàn)讓頁(yè)面加載時(shí)請(qǐng)求后臺(tái)接口數(shù)據(jù)2022-08-08
本文通過(guò)實(shí)例代碼給大家介紹了vue 下列表側(cè)滑操作,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
使用vue實(shí)現(xiàn)pdf預(yù)覽功能的方法
許多朋友想要材料上傳之后點(diǎn)擊預(yù)覽實(shí)現(xiàn)在瀏覽器上預(yù)覽的效果,所以本文將給大家介紹如何使用vue實(shí)現(xiàn)pdf預(yù)覽功能,文中有實(shí)現(xiàn)代碼,有需要的朋友可以參考閱讀下2023-08-08
vue中echarts圖表大小適應(yīng)窗口大小且不需要刷新案例
這篇文章主要介紹了vue中echarts圖表大小適應(yīng)窗口大小且不需要刷新案例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
淺談Vue.js中如何實(shí)現(xiàn)自定義下拉菜單指令
這篇文章主要介紹了淺談Vue.js中如何實(shí)現(xiàn)自定義下拉菜單指令，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
23個(gè)不可錯(cuò)過(guò)的Vue3實(shí)用Hook
@vueuse/core提供了豐富的功能性鉤子,使得處理常見的開發(fā)任務(wù)變得更加簡(jiǎn)潔和高效,本文將詳細(xì)介紹如何在Vue3項(xiàng)目中使用?@vueuse/core及其一些極具價(jià)值的功能,需要的可以參考下2024-11-11
useEffect理解React、Vue設(shè)計(jì)理念的不同
這篇文章主要為大家介紹了useEffect理解React、Vue設(shè)計(jì)理念的不同詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
對(duì)vue v-if v-else-if v-else 的簡(jiǎn)單使用詳解
今天小編就為大家分享一篇對(duì)vue v-if v-else-if v-else 的簡(jiǎn)單使用詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
關(guān)于json-bigint處理大數(shù)字問題
這篇文章主要介紹了關(guān)于json-bigint處理大數(shù)字問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05