vue excel数据导入保存数据库

最新推荐文章于 2024-07-19 16:50:58 发布

原创

最新推荐文章于 2024-07-19 16:50:58 发布 · 1.9k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #数据库 #javascript

本文介绍如何使用Vue.js实现从Excel文件中读取数据，并通过后端接口将其保存到数据库。首先展示实现的效果，接着讨论Vue中涉及的变量和请求方法importData()，最后讲解后端接口的配合实现。

一、实现效果
在这里插入图片描述

二、vue

<el-upload
        class="upload-demo"
        ref="upload"
        action="doUpload"
        :limit="1"
        :file-list="fileList"
        :before-upload="beforeUpload"
      >
        <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
        <el-button size="small" type="info" @click="frontDownload">下载模板</el-button>
        <el-button size="small" type="warning" @click="submitUpload