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

Question

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

const mapStateToProps = ({ userData }) => {
    return { userData };
};

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

Answer 1

有效。

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


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

参考：https://jj.isgeek.net/2018/02/how-to-reset-file-input-with-vuejs/

Answer 2

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

fileInput.file = null

或

$('#fileInput')[0].file = null

Answer 3

尝试一下：

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

Answer 4

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

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

this.$refs.inputFile.reset();

上面的这段代码将重置字段值。