清空文件上传框问题
<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.csdn.net/Dongle_74/article/details/78581956
https://blog.csdn.net/changerzhuo_319/article/details/76093876
https://blog.csdn.net/qqqgg/article/details/80807423 (这个不行)