vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Element-Plus ClickOutside内存泄漏

Element-Plus的ClickOutside指令导致内存泄漏的解决办法

作者: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;
});

该内存泄漏该如何解决呢?

答案是不需要解决, 因为当鼠标点击任何其他地方时, 上述游离节点会被回收。 因为鼠标点击时,会再次触发document上绑定的mousedown事件, 此时startClick会被赋值新的值。从而startClick和游离节点解除绑定, 游离节点被正常回收。

当然最好的解决是在回调函数内部加上一层判断。对于没有绑定该指令的元素就不要给startClick赋值了。

官网反馈

https://github.com/element-plus/element-plus/issues/13851

以上就是Element-Plus的ClickOutside指令导致内存泄漏的解决办法的详细内容,更多关于Element-Plus ClickOutside内存泄漏的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:
阅读全文