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
    }
}
相关推荐
肥肠可耐的西西公主9 分钟前
前端(AJAX)学习笔记(CLASS 2):图书管理案例以及图片上传
前端·笔记·学习
大胖丫10 分钟前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月11 分钟前
ES6相关操作(2)
前端·javascript·es6
陈浩源同学12 分钟前
学习 TypeScript 栈和队列数据结构
前端·算法
我这一生如履薄冰~13 分钟前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi14 分钟前
解决webpack5.54打包图片及图标的问题
前端·vue.js
海盗强14 分钟前
Webpack打包优化
前端·webpack·node.js
星之卡比*16 分钟前
前端面试题---vite和webpack的区别
前端·面试
^^为欢几何^^21 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js
AC-PEACE43 分钟前
Vue 中 MVVM、MVC 和 MVP 模式的区别
前端·vue.js·mvc