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

最新推荐文章于 2024-12-26 17:37:24 发布

大浪淘沙胡

最新推荐文章于 2024-12-26 17:37:24 发布

阅读量1k

点赞数

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

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

版权

本文介绍了在Vue中两种将Excel文件导入Table的方法：通过事件处理和使用组件。详细阐述了模板文件代码和JS方法文件代码的实现过程，并展示了最终效果。

摘要由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格式')