Vue.js+element-ui+js-xlsx 解析文件内容

请叫我王肉肉

于 2019-10-31 17:25:50 发布

阅读量1.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：解析文件 Vue 文章标签： js-xlsx vue

本文链接：https://blog.csdn.net/developerwyg/article/details/102842028

本文介绍了如何在Vue.js项目中，利用element-ui组件和js-xlsx库解析xlsx文件。首先通过npm安装xlsx，然后在组件中引入XLSX模块。在main.js中引入xlsx.full.min.js文件，注意正确设置文件路径。接着在vue+element的环境中定义methods进行操作。按照步骤执行，解析过程简单易懂，确保路径无误即可。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue.js+element-ui+js-xlsx

寄语：vue框架中上传xlsx文件，使用js-xlsx解析文件内容

1.首先执行： npm install xlsx (安装)

2.在当前页面.vue文件中引入： import XLSX from 'xlsx'

3.在main.js中引入：import XLSX from '../static/xlsx.full.min'

注释：当安装了npm install xlsx 在node_modules>xlsx>dist 就可以找到xlsx.full.min文件，引入就OK了

本人是直接复制这个文件到static下，所以文件在main中引入路径为 ../static/xlsx.full.min

4.vue+element

<div class="">
  <el-upload action="/" :on-change='onChange' :auto-upload='false' :show-file-list="fal

最低0.47元/天解锁文章