vue3 input type=“file“ 时的清空操作

在Vue中，<input type="file"> 元素的 value 属性是只读的，不能直接通过 JavaScript 设置或清空它。可以使用ref来进行清空。

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

定义ref值，在点击清空按钮的时候进行清空，需要注意的是， 是对ref值的value.value进行清空，否则清空无效。

const inputRef = ref(null);


// 清空的方法，根据个人需求自定义
const clearInput = () => {
    inputRef .value.value = ''
  }