在文件输入上使用 v-model 时出错

Question

我有一个文件输入，我需要在文件上传后清除它。我尝试将空值设置为 v-model，但它产生了以下错误

文件输入是只读的。改用 v-on:change 侦听器。

我的代码是

<input id="fileupload" type="file" v-model="file" multiple v-on:change="uploadFile" ref="fileInput" />

上传后如何清除vue.js中输入的文件，以便可以连续多次上传同一个文件

Answer 1

使用 ref 属性解决了这个问题，

this.$refs.fileInput.value = null;