vue将表格数据生成excel文件全网最详细

简介: vue将表格数据生成excel文件全网最详细

1.首先安装依赖

 npm install --save xlsx
 npm install --save file-saver
 npm install --save xlsx-style

2.引入

  import { utils, write, read } from 'xlsx';
  import * as XLSX from 'xlsx';

3.写一个这样的函数

const getExcel = (tableRef, excelTitle) => {
    const wb = XLSX.utils.table_to_book(tableRef, { raw: true });
    const wbout = XLSX.write(wb, {
      bookType: 'xlsx',
      bookSST: true,
      type: 'array',
    });
    return new File([wbout], excelTitle + '.xlsx');
  };

4.点击时绑定表格id,然后声明一个FormDate,这个obj可以当做参数使用

    const excel = getExcel(document.getElementById('idd'), '名称');
 const obj = new FormData();
    obj.append('excel', excel);
    obj.append('id', 1);






         
相关文章
|
6天前
|
JavaScript
vue学习(3)模板语法
vue学习(3)模板语法
36 11
|
6天前
|
存储 JavaScript 前端开发
vue学习(2)
vue学习(2)
195 65
|
6天前
|
JavaScript 算法 前端开发
vue学习(1)
vue学习(1)
194 62
|
5天前
|
JavaScript
vue学习(4)数据绑定
vue学习(4)数据绑定
19 10
|
5天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
23 9
|
5天前
|
JavaScript 开发者
vue学习(5)
vue学习(5)
20 7
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
6天前
|
JavaScript
vue键盘事件
vue学习(11)键盘事件
|
3天前
|
缓存 JavaScript
vue学习(12)计算属性
vue学习(12)计算属性
15 3
|
3天前
|
JavaScript
vue学习(10)事件修饰符
vue学习(10)事件修饰符
14 3