vue+element 完成excel上传

element

        <el-upload  upload-demo  margin-right-10 style="display: inline-block!important ;"
                   ref="upload"
                   action="/SafetyTrainDriver/SafetyTrainDriverImport"//后端方法
                   :on-change="changeMe"//文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
                   name="file"
                   :on-success="uploadSuccess"//文件上传成功时的钩子
                   multiple
                   :auto-upload="false">
          <el-button slot="trigger" size="medium" type="primary">导入</el-button>

方法

    //导入文件后触发
    uploadSuccess(response){
      console.log(response.msg);
      this.$alert(response.msg, '提示', {
        dangerouslyUseHTMLString: true,
        confirmButtonText: '确定'
      });
    },
    //上传文件
    changeMe(){
      this.$refs.upload.submit();
    },