开发者社区云计算文章正文

element中form表单resetFields()方法重置表单无效

2023-11-07 77

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： element中form表单resetFields()方法重置表单无效

官方文档

// 调用resetFields但没有生效
resetForm() {
  this.$refs['form'].resetFields();
}

解决：

form里需要ref

表单项el-form-item需要添加prop属性

element 中重置resetFields函数是恢复初始值 , 并非置空

置空

resetForm(formName) {
    this.$nextTick(() => {
        this.$refs[formName].resetFields();
        this[formName] = {};
      })
}

讓丄帝愛伱

juvenile。。。

2月前

form获取表单项的值

juvenile。。。

59 0 0

n2t3mdveprf54

JavaScript 前端开发

Element-ui 中表单（Form)验证数字值范围（大小）

n2t3mdveprf54

1647 0 0

Y2000104

2月前

element-ui中Form表单使用自定义验证规则

Y2000104

16 0 0

GoodTime

9月前

JavaScript

Element-Ui表单移除校验clearValidate和resetFields

添加和修改公用一个弹窗，点击添加弹窗后，如果没移除表单校验的话，再点击修改弹窗时校验就会被记住，所以需要移除校验，但在清空表单校验时会报如下错误：那么，你只需要加上这段话即可 this.$nextTick(()=>{ this.$refs.addArray.resetFields(); }) 再此,我顺便说一下resetFields和clearValidate的区别： this.$refs.form.resetFields(); //移除表单校验并初始化表单，一般用于.

GoodTime

259 0 0