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
    }
}
相关推荐
用户479492835691516 小时前
Vite 中 SVG 404 的幕后黑手:你真的懂静态资源处理吗?
前端·vite
未来之窗软件服务16 小时前
幽冥大陆(三十五)S18酒店门锁SDK go语言——东方仙盟筑基期
java·前端·golang·智能门锁·仙盟创梦ide·东方仙盟·东方仙盟sdk
卸任16 小时前
解密Flex布局:为什么flex:1仍会导致内容溢出
前端·css·flexbox
前端一课16 小时前
第 28 题:async / await 的原理是什么?为什么说它是 Promise 的语法糖?(详细版)
前端·面试
前端一课16 小时前
第 28 题:手写 async/await(Generator 自动执行器原理)
前端·面试
前端一课16 小时前
第 33 题:浏览器渲染流程(Reflow 重排、Repaint 重绘、Composite 合成)*
前端·面试
前端一课16 小时前
前端面试第 34 题:事件循环(Event Loop)—— 必考高频题
前端·面试
前端一课16 小时前
第 26 题:Vue2 和 Vue3 的响应式原理有什么区别?为什么 Vue3 要用 Proxy 替代 defineProperty?
前端·面试
前端一课16 小时前
第 30 题:模块化原理(CommonJS vs ESModule)
前端·面试
前端一课16 小时前
第 31 题:Tree Shaking 原理与常见失效原因(高频 + 难点 + 面试必考)
前端·面试