vue上传表格 带处理xsl数据传给后端

前端处理后发送的数据预览

利用的import XLSX from “xlsx”; 组件实现的 记得安装

主要代码:

<template>
  <div class="choose-file">
    <input type="file" @change="readExcel($event)" ref="upload" />
    <Button type="warning" class="mar_r_30" :loading="loadingExport"
      >批量导入</Button
    >
  </div>
</template>

<script>
import {
    Message } from "view-design";
import XLSX from "xlsx";

export default {
   
  name: "CompFileImport",
  data() {
   
    return {
   
      loadingExport: false,
    };
  },
  mounted() {
   },
  methods: {
   
    /**
     * 上传excel文件后马上回调用的函数
     * @param event
     */
    readExcel(event) {
   
      let vm = this