Alert警告组件关闭后怎么自动销毁DOM? Top丶自娴 提问于 2026-03-16 10:13:18 阅读 3 组件 我用Vue写了个Alert组件,点击关闭按钮后只是把visible设为false,但DOM还在页面上。这样会不会影响性能?有没有办法让它彻底从DOM里移除? 现在代码是这样的: <Alert v-if="showAlert" :closable="true" @close="showAlert = false"> 这是一条警告信息 </Alert> 用了v-if按理说应该会销毁啊,但我在DevTools里看到它关了之后还是留着注释节点,有点不确定是不是真的销毁了。 我来解答 赞 3 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 暂无解答 暂无解答 加载更多 相关推荐 2 回答 28 浏览 React组件卸载后WeakMap里的DOM引用没被回收怎么办? 在React项目里用WeakMap存DOM引用,但发现组件卸载后内存没降下来。比如这样写的: const domRefs = new WeakMap(); function MyComponent()... 西门歆艺 优化 2026-02-19 16:09:26 2 回答 52 浏览 对象池复用DOM元素时内存占用反而更高怎么办? 最近在尝试用对象池优化一个高频创建销毁DOM元素的动画组件,但发现内存占用反而更高了,这是为什么呢? 我按照网上的教程实现了简单的对象池,把废弃的DOM元素存到数组里复用: class DOMPool... 迷人的子璇 优化 2026-01-26 19:39:23 1 回答 13 浏览 WeakSet 能不能用来监听 DOM 元素的销毁? 我在做一个组件库,想用 WeakSet 来跟踪哪些 DOM 元素已经被移除了,但发现好像没法判断元素是否还在页面上。WeakSet 不是自动清理的吗?为什么我没法知道它什么时候被清掉了? 比如我这样写... Designer°辽源 优化 2026-03-12 15:38:22 2 回答 26 浏览 WeakMap保存DOM元素后内存没释放是怎么回事? 我在用WeakMap存DOM元素的状态时遇到了问题,按理说WeakMap应该自动回收内存,但用开发者工具看内存占用一直没降下来。 比如给拖拽元素存储位置信息:const dragStates = ne... 慕容美霞 前端 2026-02-15 14:55:28 2 回答 40 浏览 Bootstrap警告框关闭按钮点击无效怎么办? 我用Bootstrap的alert组件加了关闭按钮,但点击叉号没反应。代码照文档写的,样式倒是正常显示: <div class="alert alert-warning alert-d... 玉萱 组件 2026-02-05 20:02:36 2 回答 60 浏览 Angular组件中ngAfterViewInit为什么无法获取动态生成的DOM元素? 我在使用Angular时遇到了奇怪的问题。组件里通过ViewChild获取一个动态生成的DOM元素,但ngAfterViewInit里始终返回null。元素是通过*ngIf条件渲染的,当数据异步加载完... 纪娜 ☘︎ 框架 2026-02-04 17:07:27 2 回答 104 浏览 Bootstrap警告框的关闭按钮不显示怎么办? 我在用Bootstrap的alert组件时,按照文档加了数据属性和close类,但关闭按钮就是不显示。检查过HTML结构没问题,还特意加了CSS想改颜色,结果按钮还是看不见... 这是我的代码片段,a... 南宫珍珍 组件 2026-01-31 08:57:26 2 回答 89 浏览 WeakMap缓存DOM元素后内存没释放是怎么回事? 在开发可复用组件时,用WeakMap缓存DOM元素的处理函数,但发现页面卸载后内存没释放,这是为什么? 我这样写的:const handlers = new WeakMap(); function m... 世霖 优化 2026-01-28 06:45:24 1 回答 24 浏览 前端怎么防范XSS攻击?我用了DOMPurify还是被绕过了? 我在项目里引入了 DOMPurify 来过滤用户输入,但安全测试时还是报了 XSS 漏洞。比如用户提交的内容里有 <img src=x onerror=alert(1)>,明明应该被过滤掉... 技术若溪 安全 2026-03-09 19:29:21 1 回答 20 浏览 iView Modal 关闭后怎么自动销毁组件? 我在用 iView 的 Modal 弹窗,里面放了一个表单组件。但发现每次关闭 Modal 后,组件其实还在 DOM 里没被销毁,导致下次打开时数据还是上次的。 我试过设置 :closable="tr... 司徒欧辰 组件 2026-03-06 10:24:20
暂无解答