vue3 导入按钮，导入方法

按钮 

    <div v-if="leftButtonSet['Import']">
      <el-upload
        ref="upload"
        class="upload-demo"
        action="String"
        accept=".xls,.xlsx"
        :show-file-list="false"
        :before-upload="beforeUpload"
        :http-request="getSheets"
      >
        <template #trigger>
          <el-button type="primary">
            <FolderOpened
              style="width: 1em; height: 1em; margin-right: 8px"
            />导入</el-button
          >
        </template>
      </el-upload>
    </div>

方法：

// 导入文件方法
const beforeUpload = (file) => {
  const permitType = ".xls|.xlsx|";
  const extName = file.name.substring(file.name.lastIndexOf(".")).toLowerCase();
  if (permitType.indexOf(extName + "|") === -1) {
    ElMessage.warning("文件格式不正确");
  }
};
const getSheets = (param) => {
  const formData = new FormData();
  formData.append("file", param.file);
  upload(formData)
    .then(({ data }) => {
      if (data.code === 0) {
        ElMessage.success(`成功导入${data.data}条数据`);
        handleGetConditionQuery();
      } 
    })
    .catch(() => {
    
    });
};