vue+js+xlsx解析导入xlsx表格、解决el-upload只上传一次问题

本文介绍了在前端使用Vue.js和xlsx库解析xlsx表格,将数据转换为table格式并传递给二级页面的需求。在实现过程中遇到的问题包括:导入xlsx库后打印为undefined,以及el-upload组件只能上传一次文件。解决方法分别是使用require('xlsx')而不是import导入库,以及在on-change事件中清除已上传文件的浏览器缓存。
摘要由CSDN通过智能技术生成

需求:前端导入xlsx表格,并解析成table数据传参给二级页面

最后解决代码:

导入插件: npm install xlsx --save

this.$toast({})是封装的信息弹窗组件

<el-upload
          ref="upload"
          action="https://jsonplaceholder.typicode.com/posts/"
          :auto-upload="false"
          :show-file-list="false"
          :limit="1"
          accept=".xls,.xlsx"
          :on-change="changeHandle">
          <div class="button purpleMinor">批量分配</div>
        </el-upload>
<script>
var XLSX = require("xlsx")
changeHandle(file,fileList) {
      this.$refs.upload.clearFiles() // 上传成功之后清除历史记录
      console.log(file,'file')
      console.log(fileList,'fileList')
      let type = fil
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值