Vue学习之将Excel文件导入Table中

最新推荐文章于 2024-05-14 14:07:35 发布

大浪淘沙胡

最新推荐文章于 2024-05-14 14:07:35 发布

阅读量878

点赞数

文章标签： vue.js Excel文件导入

本文链接：https://blog.csdn.net/qq_27474555/article/details/126314558

版权

在Vue有两种方法可以将Excel文件导入Table中，即用事件进行导入，或者用将表格导入

摘要由CSDN通过智能技术生成

在Vue有两种方法可以将Excel文件导入Table中，即用事件进行导入，或者用将表格导入，2种方法具体实现如下：
1、使用将Excel文件导入Table中
模板文件代码：

<input type="file" ref="upload" accept=".xls,.xlsx" @change="readExcel" class="outputlist_upload">

JS方法文件代码：

readExcel (e) {
   
      // var that = this
      console.log(e)
      const files = e.target.files
      console.log(files)
      // 对文件进行格式检查
      if (files.length <= 0) {
   
        return false
      } else if (!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())) {
   
        this.$message.error('上传格式不正确，请上传xls或者xlsx格式')