vue elementui el-upload组件 input type=file坑重新选择同一文件时不再显示

独角兽企业重金招聘Python工程师标准>>>

问题描述

在使用vue2.0+elementui的upload组件时，遇到一个问题，当你首次选择文件的时候没问题，当你删除已经选择好的某个文件后，再次选择这个文件的时候，就无法显示了

问题分析

在移除的事件中写清除当前文件的方法但是在处理过程中，将file对象置空无效最后发现是html的input type=file标签的问题在 HTML 文档中 ，<input type="file">标签是浏览器向服务器发送选中文件的。该元素有一个 value 属性，保存了用户指定的文件的名称，为安全起见，file-upload 元素的value 属性是只读的，不允许程序员修改它的值，并且HTML value 属性也会被忽略。但我们确实需要将value值置空。

问题解决

不要采用删除当前input[type=file]这个节点，然后再重新创建dom这种方案，这样是不合理的。input[type=file]使用的是onchange去做，onchange监