【vue3】Form表单重置不生效

Schafferyy2026-05-16 17:11

如上图，红框标注的内容都是导致重置失效的原因。需要注意的是，大多数情况网上查阅的资料都没有提:model="queryInfo"这个属性缺失的问题。

下面总结下导致失效的几个原因：

  1. ref属性 ：form组件上必须要有ref
  2. prop属性 ： form-item上必须要有prop属性
  3. FormInstance属性 ：需要引入FormInstance类型，并添加formRef声明
  4. model属性 ：form组件需要:model="queryInfo"
相关推荐
To_OC7 小时前
LC 207 课程表：刚学图论那会儿，我连这是拓扑排序都没看出来
javascript·算法·leetcode
To_OC7 小时前
LC 208 实现 Trie 前缀树：曾被名字劝退，写完发现是送分题
javascript·算法·leetcode
天渺工作室8 小时前
实现一个adblock/adblock plus等浏览器广告拦截器检测插件
前端·javascript
ZhengEnCi8 小时前
Q04-Vite禁用CSS代码分割-解决生产环境样式加载顺序混乱问题
前端·vue.js·vite
kyriewen15 小时前
2026 年了，还在用 Node.js？Bun 迁移实战：20 分钟搞定，附踩坑记录
前端·javascript·node.js
minglie21 小时前
一个置换问题
javascript
用户21366100357221 小时前
Vue2非父子通信与动态组件
前端·vue.js
默_笙21 小时前
🌀 别再手动写 Prompt 了！我让 AI 自己循环改到满意为止
javascript
To_OC1 天前
LC 994 腐烂的橘子：人人都说是 BFS 入门题，我却写了三遍才过
javascript·算法·leetcode
如果超人不会飞2 天前
脉络清晰的业务演进：TinyVue Timeline 时间线组件全方位实战指南
vue.js
热门推荐
012026年6月AI大模型全景报告：GPT-5.6、Claude Opus 4.8、Gemini 3.5，中美AI三足鼎立谁主沉浮？022026年6月AI行业全景：从百模大战到Agent元年，这30天发生了什么？03飞书长连接_事件订阅（接收消息，审批任务状态变更）04Trae国际版与国内版深度测评：AI原生IDE的双生花052026 年 AI 编程工具终极横评：Cursor vs Claude Code vs Copilot vs Windsurf06GitHub 镜像站点07【AI】2026 年具身智能模型和世界模型总结082026年AI架构实战：彻底解决OpenAI接口超时与封号，Python调用GPT-5.2/Sora2企业级架构详解（附源码+压测报告）09Claude Code、Codex、Cursor三分天下：2026年AI编程Agent生态全景剖析102026 AI 编程工具终极实战指南：Cursor vs Claude Code vs Copilot，开发者该怎么选？