必须开启“提交成功后清空表单”开关,否则表单提交后数据残留导致重复提交;可通过控制台表单配置或编辑器高级设置启用,导出源码时需按组件库适配重置代码,并经三端测试验证。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在码上飞平台生成的业务表单提交后,页面仍保留用户刚填的数据,导致重复提交时需手动逐项删除,影响多轮填报效率和用户体验。
确认表单是否已启用自动重置逻辑
进入码上飞控制台 → 应用管理 → 找到目标应用 → 点击「表单配置」→ 在左侧导航栏选择对应表单 → 查看右侧「提交行为」设置区域。
若「提交成功后清空表单」开关为关闭状态,【必须手动开启,否则所有后续操作均无效】。该开关默认关闭,新生成表单几乎都不启用此功能。
通过表单属性面板启用重置功能
方法一:快捷启用
在表单编辑界面右侧面板中,找到「高级设置」→ 展开「提交后行为」→ 勾选「提交成功后自动清空当前表单」→ 点击右上角「保存并发布」。
方法二:代码级微调(仅限导出源码后本地修改)
若已下载Vue源码包,在 src/views/xxx-form.vue 文件中搜索 onSubmitSuccess 函数,在其末尾添加 this.$refs.formRef.resetFields();注意该写法仅对 Element Plus 组件有效,若使用 Ant Design Vue 需改用 formRef.resetFields()。
验证重置效果的三步测试法
第一步:在预览模式下填写任意内容 → 点击「提交」→ 观察表单字段是否全部变为空值且无默认值残留;
第二步:连续提交两次相同数据 → 检查后台数据库中是否生成两条独立记录(排除前端未清空导致二次提交覆盖);
第三步:切换不同设备(iOS Safari / Android Chrome / Windows Edge)重复测试 → 【若某端未清空,说明响应式重置逻辑未注入对应平台生命周期钩子】,需返回表单配置页重新保存触发全端同步。











