el-form resetForm()表单重置

Posted 羽梓橙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了el-form resetForm()表单重置相关的知识,希望对你有一定的参考价值。

this.$refs[formName].resetFields()
表单重置有时候部分字段不清空,或者完全不起效果
请检查以下必备
必须具备:
1、el-form绑定model
2、带有ref
3、el-form-item绑定prop

注:
1、修改完之后可能需要强刷浏览器
2、如果el-form实在el-dialog里面,记得使用

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

以上是关于el-form resetForm()表单重置的主要内容,如果未能解决你的问题,请参考以下文章

vue+el-form表单验证、提交及重置

浅谈VUE, vue + elementui表单重置 resetFields问题(无法重置表单)

vue+element-ui 实现重置表单内容

(vue.js)element ui 表单重置

$('#itemAddForm').form('reset');重置表单是报错?

el-form的各种校验姿态