iview upload clearFiles清除回显视图

iview upload 上传完文件之后清除内容,打开会回显视图,清除不掉

关闭弹框时主动清除回显内容即可this.$refs.uploads.clearFiles()

html 复制代码
<FormItem label="上传附件:" :label-width="formNameWidth">
  <Upload action="/fms/api/productDev/updateOther" ref="uploads" show-upload-list :headers="{ Authorization: getTokenFn() }">
    <Button type="primary" icon="ios-cloud-upload-outline" class="btn-upload">上传文件</Button>
  </Upload>
</FormItem>

js代码

js 复制代码
methods: {
	// 关闭弹窗
    close() {
      this.$refs.uploads.clearFiles() // 重点*******
      this.$refs['formValidate2'].resetFields()
      this.fileList = this.$cloneDeep(this.$options.data().fileList) // 初始化
      this.form2 = this.$cloneDeep(this.$options.data().form2) // 初始化
      this.modal1 = false
    }
}
相关推荐
zhuà!5 分钟前
uv-picker在页面初始化时,设置初始值无效
前端·javascript·uv
Amumu121386 分钟前
React应用
前端·react.js·前端框架
摸鱼的春哥9 分钟前
实战:在 Docker (Windows) 中构建集成 yt-dlp 的“满血版” n8n 自动化工作流
前端·javascript·后端
小酒星小杜15 分钟前
在AI时代,技术人应该每天都要花两小时来构建一个自身的构建系统
前端·vue.js·架构
测试游记16 分钟前
基于 FastGPT 的 LangChain.js + RAG 系统实现
开发语言·前端·javascript·langchain·ecmascript
阿奇__17 分钟前
elementUI table 多列排序并保持状态样式显示正确(无需修改源码)
前端·vue.js·elementui
zhengxianyi51522 分钟前
数据大屏-单点登录ruoyi-vue-pro
前端·javascript·vue.js
我想回家种地25 分钟前
python期末复习重点
前端·javascript·python
行者9627 分钟前
Flutter适配OpenHarmony:高效数据筛选组件的设计与实现
开发语言·前端·flutter·harmonyos·鸿蒙
Serendipity-Solitude36 分钟前
HTML 五子棋实现方法
前端·html