vue导出Excel格式 vue-json-excel file-saver xlsx

vue导出Excel格式 vue-json-excel file-saver xlsx

  • 最近公司在写一个项目,需要把vue里面json数据导出成Excel 格式 ,在网上查了资料两种有实现方法
    • 个人推荐用第二种方法,虽然第一种比较方便,但是第二种可控性好
    • 第一种 :vue-json-excel
    • 在main.js种引入:
  • 第二种实现方法:
    • 第一步:安装依赖包:

最近公司在写一个项目,需要把vue里面json数据导出成Excel 格式 ,在网上查了资料两种有实现方法

个人推荐用第二种方法,虽然第一种比较方便,但是第二种可控性好

第一种 :vue-json-excel

 安装依赖包   npm install vue-json-excel

在main.js种引入:

import JsonExcel from 'vue-json-excel'
Vue.component('downloadExcel', JsonExcel)

vue导出Excel格式 vue-json-excel file-saver xlsx_第1张图片
在项目中



vue导出Excel格式 vue-json-excel file-saver xlsx_第2张图片

第二种实现方法:

第一步:安装依赖包:

npm install -S file-saver xlsx
npm install -D script-loader

yarn 安装包

yarn add file-saver
yarn add xlsx
yarn add script-loader --dev

#第二部导入Blob.js 和Export2Excel.js两个文件,在src目录下创建excel文件,里面放入Blob.js 和Export2Excel.js两个文件,
Blob.js 和Export2Excel.js两个文件地址: 文件提取码:kk8a
Blob.js 和Export2Excel.js下载地址

在main.js 引入:

import Blob from './excel/Blob'
import Export2Excel from './excel/Export2Excel.js'

在项目中:




                    
                    

你可能感兴趣的:(vue导出Excel,json导出Excel)