layer.close(index)仅隐藏弹层而不解绑事件或释放资源，因其实质是DOM隐藏而非销毁；必须在open配置中显式使用end回调，在DOM彻底移除后手动清理事件、定时器、Vue实例等，否则将导致内存泄漏或重复触发。
直接调用 layer.close(index) 不会自动销毁内部事件监听，必须显式配合 end 回调或手动清理 —— 这是 layui layer 的设计事实，不是 bug。
为什么 layer.close(index) 不解绑事件？
layui 的 layer.close() 仅执行 DOM 隐藏（display: none）和部分样式重置，并不移除绑定在弹层 DOM 上的事件监听器，也不清除闭包引用。尤其当弹层内容是 iframe（type: 2）或内联 HTML（type: 1）时，子页面或脚本中的事件（如 click、submit、resize）仍存活，可能引发内存泄漏或重复触发。
-
layer.close()只是“藏起来”，不是“删掉” - iframe 内的 JS 上下文完全独立，父页调用
close对其无感知 - Vue/React 组件若挂载在弹层中，未在
beforeUnmount或componentWillUnmount中清理，必然残留
end 回调是唯一可靠的销毁入口
end 是 layer 提供的、**在弹层 DOM 被彻底移除后立即触发**的回调，此时所有子元素已从文档中 detach，是清理事件、释放资源的最后且最安全时机。
- 必须在
layer.open()配置中显式声明：end: function() { /* 清理逻辑 */ } - 该函数在 DOM 移除后同步执行，比
cancel或按钮点击回调更彻底 - 适用于所有
type：1（页面层）、2（iframe 层）、0（信息框）都支持 - 注意：不要在
end中调用layer.close()，它已无意义，且可能报错
示例：
layer.open({
type: 2,
content: '/form.html',
end: function() {
// 此处可安全清理：
// - 解绑 document 上临时监听的 keyup
// - 清空定时器 clearInterval(timerId)
// - 手动销毁 Vue 实例（若存在）vm?.unmount()
// - 移除 iframe.contentWindow 上挂载的全局函数
}
});iframe 弹层中如何主动通知子页销毁？
父页无法直接控制 iframe 内部 JS 生命周期，必须由子页自己响应销毁信号。常见错误是只在父页 end 里清空变量，却忘了子页还在跑。
- 在子页（如
/form.html）暴露一个清理函数：window.onDestroy = function() { /* 卸载逻辑 */ }; - 父页
end中尝试调用：const iframe = layero.find('iframe')[0]; try { iframe.contentWindow.onDestroy?.(); } catch(e) {} - 务必加
try/catch：跨域 iframe 会抛出 SecurityError；同域但子页未定义onDestroy会报undefined is not a function - 避免在子页
unload或beforeunload中处理：这些事件在layer移除 DOM 前就可能触发，时机不可控
容易被忽略的三个销毁盲点
即使写了 end，以下情况仍会导致监听残留：
- 使用了
layer.prompt()、layer.alert()等快捷方法：它们不支持end，必须改用layer.open()手动封装 - 弹层内通过
$(document).on('click', '.btn', handler)绑定事件：委托事件不会随 DOM 移除自动解绑，需在end中显式$(document).off('click', '.btn') - 设置了
maxmin: true并用了full/restore回调：这两个回调不等于销毁，它们只在窗口状态切换时触发，与关闭无关
销毁这件事，layui 不替你做决定，只给你一个钩子。真正干净的退出，永远依赖你对当前弹层内容结构的清晰认知 —— 尤其是它是否引入了第三方组件、是否启用了长连接、是否注册了全局事件。
