vue + ElementUI 关闭对话框清空验证，清除form表单

1. ElementUI自带清除表单方法

this.$refs[formName].resetFields(); // 重置表单移除校验
this.$refs[formName].clearValidate(); // 仅清除验证

2. 刷新整个页面

location.reload();

3. 只须要在From标签上加上v-if="showDialog"这句代码，当关闭弹框时showDialog=false，

    再次打开弹框是showDialog置为true，这样每次打开弹框它都会生成一个新的表单。

<Modal v-model="showDialog" :title="modalTitle" :mask-closable="false">
    <Form v-if="showDialog" ref="formData" :model="formData" :rules="ruleValidate" label-position="top">
        <FormItem label="姓名：" prop="name">
             <Input type="text" v-model="formData.name"/>
         </FormItem>
         <FormItem label="年龄：" prop="age">
             <Input type="text" v-model="formData.age"/>
         </FormItem>
    </Form>
    <div slot="footer">
        <Button type="text"  @click="cancel('ruleValidate')">取消</Button>
        <Button type="primary" @click="Save('ruleValidate')">保存</Button>
     </div>
</Modal>

4.在关闭页面/打开页面方法对表单从新赋值为空

参考地址