table前端导出

news/2024/7/10 3:19:25 标签: vue, javascript

table前端导出

先安装两个包

javascript">npm install xlsx file-saver -S
npm install script-loader -S -D

导入两个文件到项目中:
1.Blob.js: Blob.
2.Export2Excel.js: Export2Excel.

javascript">
onExportExcel() {
        require.ensure([], () => {
          const {export_json_to_excel} = require('../../../assets/js/excelexport/Export2Excel') //文件目录
          const tHeader = ['分类', '数量']   //自定义列名
          const filterVal = ['name', 'value']   //对应tableData里对象的属性
          const list = this.ylmArray   //table数据
          const data = this.formatJson(filterVal, list);
          data.unshift(['合计',this.total])
          export_json_to_excel(tHeader, data, '查询分析表');  //导出文件名称
        })
      },
javascript">      formatJson(filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]))
      },

http://www.niftyadmin.cn/n/554518.html

相关文章

20年老版rust_电影《重返20岁》,带你感受“返老还童”

生命只有一次,结束了就无法再重来。要是给你一次返老还童的机会,你会珍惜吗?今天就跟小编来看看这一部奇幻电影《重返20岁》,剖析电影中到底有着怎样奇妙的故事,带你感受“返老还童”《重返20岁》的剧本是韩国电影《奇…

增强型的 <input type=number>

作者:Samantha Ming 译者:前端小智 来源:kilianvalkhof 点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录&#xff0…

jmeter 单机最高压力_jmeter性能测试疑难杂症解决思路

提问1如何在大并发测试下,让登录或者后续接口只执行一次?回答这个问题网上的答案其实很多,但是大多不靠谱。比如推荐使用仅一次控制器,但是仅一次控制器对线程组无效;比如推荐跨线程组调用,但是这样比较繁琐…

mysql decimal类型与decimal长度用法详解

mysql decimal类型与decimal长度用法详解 三者的区别介绍 float:浮点型,含字节数为4,32bit,数值范围为-3.4E38~3.4E38(7个有效位) double:双精度实型,含字节数为8,64bit数值范围-1.7E308~1.7E30…

数组相关方法

数组方法一、创建数组1. 使用数组字面量表示法2.使用 Array 构造函数3.Array.of 方法创建数组 【es6】4.Array.from 方法创建数组【es6】二、数组方法1.join()2.push()和 pop()3.shift() 和 unshift()4.sort()5.reverse()6.concat()7.slice()8.splice()9.indexOf()和 lastIndex…

实用,完整的HTTP cookie指南

作者:valentinog 译者:前端小智 来源:valentinog 点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章…

vue使用yarn的常用命令

初始化项目 yarn add init 安装vue yarn add vue 安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器) yarn add webpack webpack-dev-server 安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es…

js判断对象是否为空对象_JS 对象基本用法

对象 object定义无序的数据集合
键值对的集合写法
let obj { name: Li, age: 18 }
 let obj new Object({ name: Li})细节 键名是字符串,不是标识符,可以包含任意字符
引号可省略,省略之后就只能写标识符
就算引号省略了,键…