vue 文件导入

1.html中

<template>
    <v-btn color="indigo" @click="upload"> 导入 </v-btn>
              <input
                type="file"
                ref="upload"
                @change="changeFile"
                accept=".xlsx"
                hidden="true"
              />
</template>

2.在methods中

 upload() {
      let uploadbtn = this.$refs.upload;
      uploadbtn.click();
    },
    async changeFile() {
      this.Loading = true;
      let chooseFile = this.$refs.upload;
      console.log("chooseFile.files[0]", chooseFile.files[0]);
      let form = new FormData();
      if (chooseFile.files[0] !== undefined) {
        form.append("excel", chooseFile.files[0]);
        console.log(form);
        const res = await zuzhiAddDaoruApi(form);
        if (res.code == "200") {
          this.$messages({ msg: res.message, type: "success" });
          this.Loading = false;
          this.list = [];
          this.show();
        }
      }
    },