原文：element-UI之表单校验—上传图片后，清楚提示
找到解决方法，感谢该博主： https: blog.csdn.net weixin article details 需要在on success的handleAvatarSuccess方法中添加一句this. refs.image.clearValidate ...
2019-11-07 16:57 0 755 推荐指数：
相关推荐
1.方法一: 表单元素上添加 v-model="list.length"； 2. 添加一个ref ,之后在on-change 事件里清空表单验证 ...
出现问题的现象： 1.打开弹窗，输入为空，点击确定，会有不能为空的提示 2.关闭弹窗，再次打开弹窗，之前的提示消息还在 解决，看了该博主的方法： https://www.cnblogs.com/aidixie/p/10796654.html ...
必须注意巨坑：el-form-item上的prop要和 v-model的值名字相同，否则会无效 一、文本框、多选校验 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width ...
问题描述： 如图，当编辑和添加用的同一个弹出框时，input框里的表单验证会相互影响。在编辑框中输入了不符合验证规则的内容时会出现错误提示，这时如果直接关闭弹窗，那么在打开添加人员的弹窗时，即使将表单中的内容都手动清空了，刚刚的校验提示语也依然会存在。 解决方法 ...
vue所依赖的Element的UI库在使用其中的upload组件时，可能很大几率会遇到这个题，需要给upload组件添加表单校验 大家这里直接看代码就可以 js： 主要的解决思路为：为upload组件外层的el-form-item添加ref ...
使用element-ui组件，用el-upload上传图片，上传图片后再次打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。 示例： ...
复杂表单如下： 效果图： ...