Vue 文件上传

Vue 使用 element 组件el-upload来实现文件上传功能

    <el-upload
        class="uploadFiles"
        action=""
        accept=".xls,.xlsx"
        :on-change="handleChange"
        :http-request="uploadFile"
        :show-file-list="false"
      >
        <el-button class="dsm-button search">导入</el-button>
      </el-upload>

    // 文件导入
    uploadFile(file) {
      console.log(file);
      let item = this.param.year;
      api.upload(file.file, item).then((res) => {
        if (res.rtn == "1") {
          this.$util.alert("文件导入成功");
          this.uploadFileSuccessRes();
        } else {
          this.$util.alert(res.msg);
        }
      });
    },
     uploadFileSuccessRes() {
      let _this = this;
      setTimeout(function () {
        _this.$nextTick(() => {
          _this.$refs.grid.init();
        });
      }, 1000);
    },