vue中el-form resetFields()使用注意 （置空失效原因查找）

重置操作注意事项

1.prop和model必填，ref必填：

示例：

重置代码：

this.$refs[formName].resetFields();

需要注意的是：(有时候置空不了的情况)

1.当el-form在v-if里面的时候，需要等v-if的dom加载好了才可以置空：

解决办法：这里就需要用到：

this.$nextTick(()=>{
	    //在这里置空
})

2.在dialog内，赋值了之后又清空的导致的失效，这里参考的别的大神的文章

赋值过后再清空，请点击移步

你编辑时，第一次打开dialog的时候给表单绑定的form赋值了，这时候这个form的初始值就变成了你所赋值的值，所以resetFields的时候，会将form对应的每个值重置到初始值，这时候的初始值就是你编辑时赋值的那个值, 而不是在data里声明的初始值。

解决办法：等dialog已经初始化之后再给form赋值，也就是

this.$nextTick(() => {
      // 这里开始赋值
})