超简单的json数据导出成excel表方法--VUE项目(vue-json-excel)

vue-json-excel官方文档

第一步,导入依赖。

npm install vue-json-excel -S

第二步,如需全局引用,在main.js中加入以下代码。(只是单个引用,可以跳过此步骤)

import Vue from "vue";
import JsonExcel from "vue-json-excel";

Vue.component("downloadExcel", JsonExcel);

导出参数的实际情况,如下图: 

超简单的json数据导出成excel表方法--VUE项目(vue-json-excel)_第1张图片

 第三步,新建个VUE文件,复制以下代码,在mounted()方法中将自己的json数据赋值给:data参数就可以直接用了,代码里有注释



你可能感兴趣的:(vue,vue.js,json,excel,elementui,javascript)