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
    }
}
相关推荐
2401_882726481 小时前
BY组态-低代码web可视化组件
前端·物联网·低代码·前端框架·web
万维——组态1 小时前
BY组态-低代码web可视化组件
前端·物联网·低代码·编辑器·流程图·组态
小黄编程快乐屋1 小时前
npm操作大全:从入门到精通
前端·npm·node.js
OpenTiny社区1 小时前
TinyEngine v2.1版本发布:全新的区块方案和画布通信方案,打造更强力的可拓展低代码引擎
前端·低代码·开源·opentiny
用户380235599002 小时前
[快速入门:利用LangChain与百度千帆平台进行对话模型集成]
前端
黑客老陈3 小时前
基于 Electron 应用的安全测试基础 — 提取和分析 .asar 文件
运维·服务器·前端·javascript·网络·electron·xss
yqcoder3 小时前
electron 获取本机 ip 地址
前端·javascript·electron
唐某霖4 小时前
el-dialog弹窗的@open方法中,第一次引用ref发现undefined问题,第二次后面又正常了
前端·javascript·vue.js
cdcdhj4 小时前
nodejs后端ws与http结合共享一个服务器,前端websocket发送信息后端ws接收信息,使用Map定型数组设置ID
服务器·前端·http
珹洺4 小时前
音乐播放器实现:前端HTML,CSS,JavaScript综合大项目
开发语言·前端·javascript·css·gitee·bootstrap·html