vue 3.x 自定义上传功能

eq: 设置 只接受.zip文件

 <a-button @click="uploadFile" class="ml-2"> 上传地 </a-button>
 <input v-show="false" ref="fileRef" type="file" accept=".zip" @change="fileChange" />

注： 以下为vue 3的语法

  async function fileChange(event) {
    console.log(event.target.files[0]);
    drawData.value.map = event.target.files[0];
  }
  
  const fileRef = ref();
  function uploadFile() {
    fileRef.value.dispatchEvent(new MouseEvent('click'));
  }

解决第二次上传失效的问题(input中的值相同不会触发change)

event.target.value = '';  //加在@change绑定的函数中