element plus中input file相同文件上传change不触发

Question

用element plus中的input 的file类型做了个文件上传，第一次上传的图片正常，第二次再次选择这个图片，Input的change事件不被触发，所以要怎么去在第二次点开选择文件的时候把input的值置为空

<input type="file" ref="files" style="display: none;" @change="changeFile"/>
<el-button v-if="filter.salesDep.value" :icon="Picture" type="primary" size="large" @click="searchPic">选择照片</el-button>

const searchPic = () =>{
  files.value.click()
}
const changeFile = async () =>{
  let fileBase64 =  await getPictureBase64(files.value.files[0]);
  table.conf.img_info = fileBase64;
  loadList(1)
}

这里的逻辑是点击button去触发input的click调起文件选择，选择后转base64然后赋值给一个属性再去请求表格

Answer 1

在input的change事件中添加event.target.value = '

const changeFile = async (event) =>{
    let fileBase64 =  await getPictureBase64(files.value.files[0]);
    table.conf.img_info = fileBase64;
    loadList(1)
    event.target.value = '';
}

```'