您可以使用ref重置文件上载程序值。

this.$refs.fileupload.value = null;

编码末端-https://codepen.io/Pratik__007/pen/MWYVjqP?editors=1010

为了重置输入，我让vue重新呈现它，只要在输入中添加一个键，并在您希望清除文件输入时更改该键的值即可。
就像这样：

window.app = new Vue({
  el: '#app',
  data: {
    fileInputKey: 0
  },
  methods:{
    inputChange() {
      console.log('files chosen');
    },
    clear() {
        this.fileInputKey++;
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <input type="file" @change="inputChange($event)" :key="fileInputKey"/>
  <button @click="clear">Clear</button>
</div>

我尝试了我在Stackoverflow上找到的几个建议，但在我的项目中有几个错误。解决我问题的是：

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

this.$refs.inputFile.reset();

以上代码重置字段值。

我也遇到了这个问题，无法重置值。在浏览了所有以前项目的代码并修改它们之后，我得到了很多方法，通过这些方法可以重置文件输入。其中一种方法是do，如果你想在处理一些代码后执行它，就捕获事件对象。另一种方法是更改输入元素的类型，然后再改回来。

<div id="app">
  <input type="file" @change="onFilePicked" ref="file">
  <button @click="clear()">Cancel</button>
</div>

var v = new Vue({
    el:'#app',

    data:{},

    methods:{
        clear() { 
            this.$refs.file.type='text';    
            this.$refs.file.type='file'; 
        },
        onFilePicked(event){
            //if you directly want to clear the file input after handling 
            //some code........
            event.target.value=null;
            //OR
            event.target.value='';
        }
    },
});

用于成分API

<input type="file" 
       class="custom-file-input" 
       id="customFileLang" 
       lang="en" 
       accept="image/*"
       :class="{ 'is-invalid': errors && errors.images }"
       @change="previewImg" multiple
>

内部设置功能：

const imgInput = ref(null) // for input type file

const previewImg = (event) => {
    imgInput.value = event
    // rest of code to preview img
}

const uploadImage = () => {
    //on success
    imgInput.value.target.value = null //reset input type file
}

我尝试了多种方法，最好的方法是：
定义此方法：

removePic(inp) {
  if (this.$refs[inp].files.length === 0) return
  this.$refs[inp].files = []
  delete this.body[inp]
  this.$refs[`${inp}_preview`].src = ''
},

在模板中，使用如下：

<b-form-file
                      ref="pic"
                      name="pic"
                      accept="image/jpeg, image/png, image/gif"
                    />

                  <feather-icon
                    icon="XIcon"
                    size="18"
                    class="text-primary stroke-current"
                    @click="removePic('pic')"
                  />

                 <div>
                  <img ref="pic_preview" src="#" alt="select" />
                </div>

Vue 2或3或带有合成API的Nuxt，您可以使用它来重置表单：

<template>
  <form ref="refForm">
    <input value="hello world" />
  </form>
</template>

<script setup>
const refForm = ref(null)

onMounted(() => {
  setInterval(() => {
    refForm.value.reset()
  }, 3000) // in 3 seconds will reset the form
})
</script>

要仅重置输入文件，请使用以下代码：

<template>
  <input ref="refFile" type="file" @change="reset" />
</template>

<script setup>
const refFile = ref(null)

const reset = () => {
  setInterval(() => {
    refFile.value.value = ''
  }, 3000) // in 3 seconds will reset the file input
}
</script>