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...

相关推荐
Erishen7 分钟前
🚀 重新定义前端组件安装体验:shadcn + Bun 的极致开发效率
前端
冬奇Lab7 分钟前
Vercel部署全攻略:从GitHub到上线,10分钟让你的前端项目免费拥有自己的域名
前端·后端·node.js
牛马11110 分钟前
Flutter Web性能优化标签解析
前端·flutter·性能优化
Bigger11 分钟前
Tauri (25)——消除搜索列表默认选中的 UI 闪动
前端·react.js·weui
hongkid19 分钟前
React Native 如何打包正式apk
javascript·react native·react.js
李少兄22 分钟前
简单讲讲 SVG:前端开发中的矢量图形
前端·svg
前端小万23 分钟前
告别 CJS 库加载兼容坑
前端·前端工程化
恋猫de小郭23 分钟前
Flutter 3.38.1 之后,因为某些框架低级错误导致提交 Store 被拒
android·前端·flutter
JarvanMo27 分钟前
Flutter 需要 Hooks 吗?
前端
光影少年37 分钟前
前端如何虚拟列表优化?
前端·react native·react.js