根本原因是浏览器对的默认提交行为未被阻止，必须在元素的submit事件处理函数中同步调用event.preventDefault()，否则页面必然跳转或刷新，后续所有JS逻辑均无法执行。

表单提交后页面跳转或刷新，根本原因是没拦住默认行为

浏览器对

的默认处理就是提交并跳转（GET）或刷新（POST），本地双击打开的 HTML 文件根本没有后端接收，所以必然失败或白屏。这不是样式问题，是执行流没被干预。

必须在 JS 中调用 event.preventDefault() 阻止它，否则所有后续逻辑（存 localStorage、渲染列表）都执行不到。

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• 确保给
  绑定 submit 事件，不是 button 的 click
• JS 要等 DOM 加载完再执行——放

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