使用vue.js重置输入类型文件

我需要清除/重置Vue.js 2中的输入类型文件 在使用jQuery方法克隆之前：

var input = $(div).find("input[type='file']");
input.replaceWith(input.val('').clone(true));

---

如何清除此输入？我不能使用v-model进行输入，因为它在vue 2中不起作用

我的旧站点在使用AngularJS时使用了相同的方法。我目前正在转换为使用Vue，并遇到了相同的问题。以下是我为解决我的问题所做的

fileInput.file = null

或

试试这个：

reset_document()
{this.instructions_file_document = "";
$("input[type=file]").val(null);}

它起作用了

<input type="file" ref="myFileInput"/>


this.$refs.myFileInput.value = '';

这.$refs.myFileInput.value=''；

---

参考资料：

我尝试了以上所有方法，但我的项目有几个错误。 解决我问题的办法是：

<input type="file" ref="inputFile"/>

this.$refs.inputFile.reset();

这是.$refs.inputFile.reset（）；

---

上面的代码重置了字段值。

添加一个

可以做到这一点。@GhanshyamSingh这不是我的用例的选项，我有很多这样的字段。你可以使用ref-vue-js属性保存该节点引用，然后当你想清除时，你可以做=>vm。$refs.fileupload.value=null@HardikSatasiya我已经测试过了-不适用于IE 11，Android 4.4上的默认浏览器您是在项目中添加jquery还是只是vue，如果您添加jquery，那么您可以执行与以前相同的操作，但现在输入可以是var input=$（vm.$refs.fileupload）

<input type="file" ref="inputFile"/>

this.$refs.inputFile.reset();