vue-element-admin我踩的坑（5）

清空文件上传框问题

<el-form id="upload-form" ref="data-form" ........>

<input id="upfile" name="file" type="file" @change="handleFile($event)">

</el-form>

一开始使用outerHTML进行替换标签来清空：

script:

let obj = document.getElementById('upfile')

obj.outerHTML = obj.outerHTML

的确可以清空，但后来上传的时候报错，跟踪发现进不了绑定的handleFile方法。

后来尝试，可以用以下两种方法：

1.form的reset方法

 

const obj = document.getElementById("upload-form")

obj.reset()

2. getElementsByTagName清空value方法

const obj = document.getElementsByTagName('input')[4] //需要自己数一下上传文件的input标签是页面中的第几个

obj.value=''

另外this.$refs['data-form'].resetFields()方法也不起作用。

参考文章：

https://blog.youkuaiyun.com/Dongle_74/article/details/78581956

https://blog.youkuaiyun.com/changerzhuo_319/article/details/76093876
https://blog.youkuaiyun.com/qqqgg/article/details/80807423    （这个不行）