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.在关闭页面/打开页面方法对表单重新赋值为空
所有评论(0)