关于iview、element-ui重置表单并清除校验的方法

平时在使用iview或者vue重置表单是时，我会习惯使用

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

但是直接这样写上去方法是不起作用的， 
内容必须要在每个form-item里加上prop属性，并且与你v-model的值相同才可以生效

例如:

iview代码段： 

    

        
             
         
         
             
         
    
    

        取消
        保存
     

或者

只需在关闭弹框的cancel方法中写上重置表单的方法即可，例

    cancel() {
      this.$refs.formData.resetFields();
    }

后来发现重置表单清除校验有另一种更为简便的方法：

    

        
             
         
         
             
         
    
    

        取消
        保存
     

只需要在From标签上加上v-if="showDialog"这句代码，当关闭弹框时showDialog=false，再次打开弹框是showDialog置为true，这样每次打开弹框它都会生成一个新的表单。