1. 首页
  2. 编程语言
  3. Javascript
  4. 快速解决Vue、element-ui的resetFields()方法重置表单无效的问题

快速解决Vue、element-ui的resetFields()方法重置表单无效的问题

上传者: 2021-09-13 09:38:34上传 PDF文件 70.64 KB 热度 32次

使用this.$ref['form'] .resetFields()无法重置表单项1.没有给表单添加ref属性。在对属性进行重置后执行resetFields方法,是因为对属性重置为空时,可能会触发表单规则的验证,此时执行resetFields会移除校验结果element 的 Form 组件提供了表单验证的功能,需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名。仅使用重置功能时具体校验规则不必填,但要重置的字段一定要有对应的 prop。

下载地址
用户评论