vue element上传成功后 怎么去除提示请上传文件的提示信息

<el-form-item label="上传文件:" style="margin-left: 65px;" v-model="ruleForm.file" prop="file"  :rules="{ required: true, message: '请上传图片', trigger: 'change' }"> <el-upload el-upload class="avatar-uploader el-upload--text" ref="upload" :limit="1" :on-remove="handleRemove" :on-change="handleChange" :file-list="vedioList" :action="uploadUrl" :before-upload="beforeUploadVedio" :on-success="handleVideoSuccess" > <i class="el-icon-plus avatar-uploader-icon" v-show="vedioList.length<1"></i> </el-upload> <P v-if="isShowUploadVideo" class="text">请保证视频格式正确,且不超过20M</P> </el-form-item>

解决办法:上传组件on-success后执行clearValidate清除file的校验信息

handleAvatarSuccess(res, file, fileList) { this.$refs.form.clearValidate('path') this.$notify.success(res.data.F_FileName + "文件上传成功"); },

 


__EOF__

本文作者wjs0509
本文链接https://www.cnblogs.com/wjs0509/p/11527294.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   wjs0509  阅读(3766)  评论(1编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
点击右上角即可分享
微信分享提示