使用el-upload组件读取excel文件里的内容并通过xlsx插件转为json格式输出

	<el-upload
    class="upload-demo" ref="upload" accept=".xls,.xlsx"
    action="https://localhost:8081/posts/"
    :on-change="upload"
    :show-file-list="false"
    :auto-upload="false"
    >
    <el-button slot="trigger" size="large">导入excel</el-button>
    </el-upload>

    import xlsx from "xlsx"//安装并导入插件
 	upload (file, fileList) {
      const files = { 0: file.raw }// 取到File
      this.readExcel(files)
    },
    readExcel (files) { // 表格导入
      if (files.length <= 0) { // 如果没有文件名
        return false
      } else if (!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())) {//文件格式校验
        this.$Message.error('上传格式不正确，请上传xls或者xlsx格式')
        return false
      }
      const fileReader = new FileReader()
      fileReader.onload = (files) => {
        try {
          const data = files.target.result
          const workbook = xlsx.read(data, {
            type: 'binary'
          })
          const wsname = workbook.SheetNames[0]// 取第一张表
          const ws = xlsx.utils.sheet_to_json(workbook.Sheets[wsname])// 生成json表格内容
          console.log(ws, 'ws是表格里的数据，且是json格式')
          this.menuData = ws//页面渲染
          this.$refs.upload.value = ''
          // return ws  也可以返回json
        } catch (e) {
          console.log(e)
          return false
        }
      }
      fileReader.readAsBinaryString(files[0])//以方式二进制读
    }