vue如何清空input标签中file的值

这篇文章主要讲解了vue如何清空input标签中file的值，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

template中：

<input type="file" ref="pathClear" @change="onUpload" name="file" id="file">

methods中：

onUpload(){
this.$refs. pathClear.value =''
},

补充知识：将input file的选择的文件清空的两种解决方案

上传文件时,选择了文件后想清空文件路径，搜索了一下，用两种方法解决

第一种

var obj = document.getElementById(‘fileupload') ;
obj.select();
document.selection.clear();

第二种

var obj = document.getElementById(‘fileupload') ;

obj.outerHTML=obj.outerHTML;

看完上述内容，是不是对vue如何清空input标签中file的值有进一步的了解，如果还想学习更多内容，欢迎关注亿速云行业资讯频道。