element ui el-dialog关闭窗口清空表单验证

<>❤ element ui中 el-dialog关闭窗口清空表单验证

❤ element ui中 el-dialog关闭窗口清空表单验证
1、清除 this.$refs[formName].resetFields(); // 重置表单移除校验
this.$refs[formName].clearValidate(); // 仅清除验证 2、 在From标签上加上v-if="showDialog"
，当关闭弹框时showDialog=false， 再次打开弹框是showDialog置为true，这样每次打开弹框它都会生成一个新的表单 <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> </Form> 3、关闭窗口清空表单验证 <el-form ref="form"
:model="form" label-width="80px" :before-close="dialogClose"> <form label="姓名："
prop="name"> <Input type="text" v-model="formData.name"/> </form> </el-form>
<script> dialogClose(){ this.$refs.form.resetFields(); }, </script>

• « 上一篇：ssm+vue+elementUI 医院门诊互联电子病历管理信息系统-#毕业设计
• » 下一篇：微信小程序页面跳转传参