如何使用Vue清空input标签中的file值？

本文共计288个文字，预计阅读时间需要2分钟。

在`template`中：在`methods`中：javascriptonUpload() { this.$refs.pathClear.value='';}补充知识：

1.清空`input file`的两种解决方案：

- 使用JavaScript中的`value`属性，如上例所示。 - 使用HTML的``标签的`type=file`特性，通过JavaScript动态添加和移除``元素来实现。

2. 上传文件时，选择清除的处理方式： - 在上传文件前，先清除已选择的文件，可以通过修改`input file`的`value`属性为空字符串来实现。

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的值操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。