Element-Plus的ClickOutside指令导致内存泄漏

引起内存泄漏的源码如下

js 复制代码
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赋值了。

官网反馈

github.com/element-plu...

相关推荐
Yvonne爱编码4 分钟前
CSS- 1.1 css选择器
前端·css·状态模式·html5·hbuilder
SHIPKING3934 分钟前
【HTML】个人博客页面
javascript·css·html
山河故人16314 分钟前
uniapp使用npm下载
前端·npm·uni-app
-曾牛39 分钟前
基于微信小程序的在线聊天功能实现:WebSocket通信实战
前端·后端·websocket·网络协议·微信小程序·小程序·notepad++
一口一个橘子1 小时前
[ctfshow web入门] web72
前端·web安全·网络安全
Web极客码1 小时前
如何使用WordPress SEO检查器进行实时内容分析
前端·seo·wordpress
Stella25211 小时前
【Vue】CSS3实现关键帧动画
前端·vue.js·css3
junjun.chen06061 小时前
【在qiankun模式下el-dropdown点击,浏览器报Failed to execute ‘getComputedStyle‘ on ‘Window‘: parameter 1 is not o
前端·javascript·前端框架
課代表1 小时前
AcroForm JavaScript Promise 对象应用示例: 异步加载PDF文件
开发语言·javascript·pdf·promise·对象
Yvonne爱编码1 小时前
HTML-3.3 表格布局(学校官网简易布局实例)
前端·html·github·html5·hbuilder