dialog不显示是因为未调用showmodal()或show()方法；原生dialog默认display:none且不渲染，必须显式激活，同时确保dom已加载、元素已挂载到body，且浏览器支持showmodal()。

dialog不显示？先确认是否调用了showModal()

写了<dialog></dialog>标签但页面上什么都没有，不是代码写错了，是它压根没被激活。原生dialog默认display: none且不参与布局，连渲染都跳过——加class、设style、甚至手动改open属性都没用。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

必须显式调用showModal()（模态）或show()（非模态）才能让它出现。多数场景该用showModal()，它会锁背景、聚焦、响应Esc；show()只是浮层，基本没人拿它做真正弹窗。

• 确保 DOM 已加载：把 JS 放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！