关闭element UI的弹窗，再次打开显示表单验证提示

在关闭弹窗时使用 this.$refs.form.clearValidate() 方法清除表单校验。this.$refs.form.resetFields() 重置表单。

1、表单中输入经常使用验证，但是每次提交后关闭弹框。再打开弹框验证还在作用，这个时候我们可以这样处理： 2、我们可以使用这2种方法处理： ①：在关闭弹框的地方： this.$refs.form.clearValidate(); this.$refs.form这个form必须是和图片上的名称一致； 这种方法适合全部 ②：如果是单个的可以使用： this.$refs.form.validateField('unitName') 如果这样报错的话，可以试一试这样写，不会报错： this.KaTeX p

图片 html: <el-dialog :title="title" :visible.sync="dialogVisible" width="990px" :before-close="handleCloseCreate" > <divclass="com-dialog-gray-bg"> <el-form :mo...

【代码】【Element-ui - 解决关闭dialog再次打开el-form中的警告还在】

问题：打开弹窗保存后重新打开弹窗触发表单校验。解决：打开弹窗时触发open函数清除表单校验。

新建打开弹窗，弹窗里是表单，有输入框，单选框，下拉框，多选，用传统方式的rules加校验，其他都没啥问题，但是el-checkbox-group比较怪，关闭弹窗再打开时，校验仍在，百度一顿收索尝试，大多无效，有一个竟然可以，mark下~起关键性作用的是watch，showDialog 对应 el-dialog 中的:visible.sync="showDialog"如图（一开打就有提示了，当然不行）

问题描述：打开弹窗输入内容后，点击关闭，再次打开弹窗的时候虽然内容是空的，但上一次输入过的下拉框会提示校验。调用this.$refs['form'].resetFields()可以清除校验。

elementui 弹窗重新打开时表单上次的校验信息未清除 有人会在open时在$nextTick里重置表单，而我选择在关闭时进行重置。 <el-dialog @close="onClose"> <el-form ref="form"> </el-form> </el-dialog> // 弹窗关闭时重置表单 onClose() { this.$refs['form'].resetFields() } ...

vue 关闭弹框重新打开时element输入框验证提示红框

当required属性为变量时，rules规则应写在el-form-item项上，如果写在el-form上，则第二次打开dialog时会触发校验并且显示校验结果。 eg: 假设有单选项type，枚举值为1，2。 另有一项user，type值为1时必填，type值为2时非必填。 未完待续 ...

解决：初始化init方法里，给dataFrom表单用到的值全部附初始值， 再调用这个方法，清空表单验证 this.$refs.dataForm.clearValidate()

elementUi重置表单

element 表单验证不通过，滚动到验证提示的位置

vue+element表单验证，初始化页面就显示验证错误 打开页面就显现验证错误，特别是当打开过页面，再关闭，再打开的时候，就显示验证错误。 这个问题在element-ui中已经给出了答案，我当时并没有注意到： 在关闭或提交表单时，一定要记得移除该表单项的校验结果。 完整代码如下： html代码： <el-form-item> <el-button type="primary" @click="submitForm('ruleForm')">提交</el-butto