vue 纯前端导出 Excel

方法一:

1、安装"file-saver"

npm i -S file-saver xlsx

2、引入

在需要导出功能的 .vue 文件中引入

import FileSaver from "file-saver";
import XLSX from "xlsx";

3、简单示例(复制即可食用): 





方法二:

1、安装"vue-json-excel"

npm install vue-json-excel -S

2、在项目的入口文件(main.js)中引入

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

3、简单示例(复制即可食用):


 

你可能感兴趣的:(1024程序员节)