以下情况如何解决重置表单的查询条件为初始空值

littlelucifer 2012-03-20 09:10:40

在表单中输入查询条件，处理后，在Action中通过request.setAttribute（“form”,form1)返回jsp页面填充查询条件后，无法重置表单的查询条件为初始空值，通过js重置过程中清空后又填充了

...全文

438 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Acesidonu 2012-03-20

打赏
举报

回复

重置是恢复初始值，如有初始值要清空的话用js赋空字符串

最近发现this.$refs[form].resetFields()这个方法并不能将表单清空，它只是把表单重置到初始值。我在实际项目中遇到的情况是： 1.进入页面首先进行新增操作（表单初始是空值），则重置功能正常 2.进入页面首先进行修改操作（表单默认回显要修改的数据），则在之后的操作执行this.$refs[form].resetFields()，表单的内容都是进入页面时回显的数据解决办法： 1.在data里定义的表单初始数据是 addForm: { centerName:

handleReset函数解析：该函数用于协同重置AntDesign表单和ProTable表格状态。主要分三步：1)通过searchFormRef.current.resetFields()重置表单字段值；2)调用actionRef.current?.reset?.()重置表格查询参数；3)使用actionRef.current?.reload()刷新表格数据。函数采用防御性编程，通过条件检查和可选链操作符确保调用安全。典型应用于管理后台的全局重置场景，将表单和表格恢复初始状态并重新加载数据。注意需合理设置

表单是Web应用最基础也最复杂的交互单元，其本质是用户输入、数据绑定、实时校验与状态同步的系统工程。在Vue中，v-model并非万能魔法，而是受限于响应式机制与原生DOM事件的时序错位、ref生命周期错配及修饰符副作用链；表单校验需从静态rules转向computed驱动的状态管理，确保规则随数据实时响应；重置操作必须覆盖动态字段、嵌套对象与自定义组件，避免‘假清零’；提交环节则需集成防重复、防篡改与本地草稿持久化三重保障。本文聚焦Vue 2.7与Vue 3 Composition API混合场景下的表单

HTML 表单(form)介绍

步骤三：设置注册时间升序交互，并设置选中icon的值为真，降序的值为假。步骤四：设置注册时间降序交互，并设置选中icon的值为真，升序的值为假。步骤五：设置注销时间升序交互，并设置选中icon的值为真，降序的值为假。步骤六：设置注销时间降序交互，并设置选中icon的值为真，升序的值为假。步骤二：设置选中效果，四个icon都设置一样的选中效果。

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章