vue+Element ui中使用 upload实现Excel文件上传

最新推荐文章于 2024-07-17 19:46:09 发布

梦 * 蝶

最新推荐文章于 2024-07-17 19:46:09 发布

阅读量3.5k

点赞数 3

文章标签： vue upload文件上传 Excel文件上传

本文链接：https://blog.csdn.net/lz15932161597/article/details/107024767

版权

本文介绍了在Vue项目中结合Element UI的Upload组件，实现Excel文件批量导入的详细步骤，包括引入组件、定义data属性及methods中的处理方法。

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

文章目录

业务需求：

批量导入Excel文件

实现方式：

使用组件upload

具体步骤：

1、引入组件：

		<el-upload
              accept=".xlsx, .xls"  //文件类型
              :file-list="fileList"   //存储文件的数组
              :action="actionUrl"  //请求的url
              :before-upload="beforeUploadFile" //文件上传之前的钩子
              :on-exceed="exceedFile"  //文件超出个数时的钩子
              :on-success="uploadSuccess" //文件上传成功时的钩子
              :show-file-list="isShowFile"  //是否显示文件上传列表
              multiple  //支持多文件上传
              :limit="limitNum"  //文件上传个数限制
            >
             <el-button type="primary" style="margin-left:0px">导入Excel</el-button>
       </el-upload>