el-upload 上传图片后 如何清空 ref='upload'

el-upload 上传图片后 如何清空

在el-upload中加入 ref='upload’

<el-upload
                     ref='upload'//清空图片数组的
                     class="upload-demo"
                     action="../wzlb/upload"
                     :on-preview="handlePreview"
                     :on-remove="handleRemove"
                     :on-success="success"
                     :limit="1"
                     :on-exceed="handleExceed"
                     :before-remove="beforeRemove"
                     accept=".jpg,.png"
                     list-type="picture">
                 <el-button size="small" type="primary">点击上传</el-button>
                 <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过50kb</div>
 </el-upload>
this.$refs.upload.clearFiles();//清空原来上传的文件

这句话不能放在el-upload未渲染前 如果要是需要放在他为渲染前的话可以这样写

this.$nextTick(() => {
    
    this.$refs.upload.clearFiles();})
//或者
setTimeout(()=>{
    
    this.$refs.upload.clearFiles();},0)

使用
this.$nextTick(() => {
})

setTimeout(() => {
}, 0)

猜你喜欢

转载自blog.csdn.net/qq_41723044/article/details/103973643