设为首页收藏本站

JEECG官方网站-企业级JAVA快速开发平台

 找回密码
 立即注册

关注JEECG发展历程 关注最新动态和版本, 记录JEECG成长点滴 更新日志 - 技术支持 - 招聘英才

JEECG最新版本下载 JEECG智能开发平台 - 显著提高开发效率 常见问题 - 入门视频 - 参与开源团队

商务QQ: 2019066212、3102411850 商务热线(5*8小时): 010-64808099 官方邮箱: jeecgos@163.com

查看: 73|回复: 0

Element-UI Form表单 resetFields() 重置表单无效问题

[复制链接]

64

主题

0

好友

460

积分

管理员

Rank: 12Rank: 12Rank: 12

发表于 2021-3-15 18:16:41 |显示全部楼层
描述:最近在使用Element-UI 的 Form 组件时,遇到了给清空按钮设置了resetFields(),点击却无法生效的问题

解决:表单项 el-form-item 的 prop 属性值应该与表单项内部控件的 v-model 保持一致


总结
重置无效的几种情况: 首先是官网的相关介绍:


1、使用 resetField() 之前 el-form 一定要加 ref 属性
2、表单项 el-form-item 没有添加 prop 属性,同时 prop 属性值需与表单项的 v-model 保持一致
3、resetFields() 是将表单项重置为初始值,而这个初始值是在 Vue mounted 时赋值上去的,如果在这之前对表单进行了赋值,则初始值会改变(例如 created 时),那么后面调用 resetFields() 则不会生效(不会是定义时的空值)。
解决方法:将赋值操作定义在 this.$nextTick() 中(保证了初始值不被修改)

转自:https://blog.csdn.net/weixin_44002092/article/details/109896767



您需要登录后才可以回帖 登录 | 立即注册
验证码 换一个



Archiver|手机版|JEECG技术论坛 - 基于BPM的低代码开发平台 ( 京ICP备12013567号-3 )  

GMT+8, 2021-4-20 12:21 , Processed in 2.230804 second(s), 21 queries , Gzip On.

JEECG Open Source

© 2001-2012 Comsenz Inc.

回顶部