**问题描述:**
先调用编辑回显再调用新增 this.$ref['form'] .resetFields()无法重置表单项
原因:
element-ui的官方文档:调用编辑的时候,表单的初始值被设置为回显的值,每次重置时只是重置为初始值,不是空值。
当我们第一次打开Dialog,紧接着设置回显,因为Dialog还没执行完毕,这时form的初始值会被设置为回显的值,所以在调用this.$ref['form'] .resetFields()时form看起来没有重置。
解决方法:
在设置回显值的时候,不要直接赋值,在外边加上setTimeout或者this.$nextTick
其他原因:
1.表单上没有添加ref属性
解决:在form上添加ref,需要与this.$ref['form'] 中名称一致
2.el-form-item没有添加prop属性
解决:prop属性需要与data绑定的属性一致