vue中 element-ui 如何导出excel表(前端导出)

vue中 element-ui 如何导出excel表

我这里使用的是element-UI组件 需先安装并引入element-UI模块

一、安装依赖

  1. npm install -S file-saver xlsx
  2. npm install -D script-loader

二、下载要用的js文件

链接:https://pan.baidu.com/s/1kgEwgwv1qrWVSUETtJgyMQ

提取码:vmlh

三、在组件中引入下载的js文件

vue中 element-ui 如何导出excel表(前端导出)_第1张图片
四、在组件中使用




如果表格中带有日期,且数据是后端返回的,日期是毫秒数,那么将下载的包中另一个文件夹下的index.js(毫秒数转日期的封装方法)拿出,在项目的src下建一个文件夹,并且引入到组件中 如下图:
vue中 element-ui 如何导出excel表(前端导出)_第2张图片
这样就可以使用啦!

这里我把日期写成了毫秒数的格式,
具体代码如下:(其实跟上面的代码一样,只是添加的几行代码而已)




结果图:
vue中 element-ui 如何导出excel表(前端导出)_第3张图片
vue中 element-ui 如何导出excel表(前端导出)_第4张图片

你可能感兴趣的:(vue)