JZTXT

VUE 2项目使用vue-json-excel导出数据

发布时间 2023-07-05 15:32:36作者: 清和时光

记录一下后端返回的json数据转成excel导出

这里外面使用的是 vue-json-excel

1.安装包

npm install vue-json-excel

2.组件中使用

<download-excel
  class="btn btn-default"
  :data="json_data"
  :fields="json_fields"
  worksheet="My Worksheet"
  name="filename.xls"
>
  Download Excel (you can customize this with html code!)
</download-excel>

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

Vue.component("downloadExcel", JsonExcel);

json_data就是后端返回的json 数据

具体还有多个参数，详细用法可以参考GitHub官方说明
vue3的话可以使用 vue-json-excel3,具体使用可参考GitHub官方说明