Vue2.0导出table到Excel表格

今天用vue做页面时遇到了一个需要导出。。。于是又get到一个新技能，分享给大家需要先下载3个依赖： npm install -S file-saver，npm install -S xlsx，npm install -D script-loader当然，下载过程中我也遇到了npm依赖安装失败的问题，此处不多介绍关于依赖的问题了。。。。下载完之后，需要在项目里新建个文件夹（文件夹名字随...

天真吴邪xie

13159人浏览 · 2018-03-27 11:12:47

天真吴邪xie · 2018-03-27 11:12:47 发布

今天用vue做页面时遇到了一个需要导出。。。于是又get到一个新技能，分享给大家

需要先下载3个依赖： npm install -S file-saver，npm install -S xlsx，npm install -D script-loader

当然，下载过程中我也遇到了npm依赖安装失败的问题，此处不多介绍关于依赖的问题了。。。。

下载完之后，需要在项目里新建个文件夹（文件夹名字随便命名），文件夹下导入两个jar包

接下来只需要写

字段名改为相应的即可

然后选择想要导出的选项，就会弹框

Excel表格就会出现数据了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^