vue.js 插件生成excel

https://www.csdn.net/gather_2f/MtTaAg2sOTUyNC1ibG9n.html  参考地址先安装
npm install file-saver --save
npm install xlsx --save
npm install script-loader --save-dev

获取ecexl文件
https://pan.baidu.com/s/1X0CCKwnOcv4U9J6unpZNEA 密码:iid
Export2Excel.js中修改引入的文件地址
require(‘script-loader!./../excel/Blob‘);
在要用的页面中使用下面的方法
export2Excel() {
      require.ensure([], () => {
        const { export_json_to_excel } = require(‘../../vendor/Export2Excel‘);
        const tHeader = [‘序号‘, ‘IMSI‘, ‘MSISDN‘, ‘证件号码‘, ‘姓名‘];

                             //对象的属性
        const filterVal = [‘ID‘, ‘imsi‘, ‘msisdn‘, ‘address‘, ‘name‘];
        const list = this.tableData;
        const data = this.formatJson(filterVal, list);
        export_json_to_excel(tHeader, data, ‘列表excel‘);
      })
    },
    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]))
    }

原文地址:https://www.cnblogs.com/gmsmile/p/11215001.html

时间: 2024-10-10 00:23:29

vue.js 插件生成excel的相关文章

chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法[bubuko.com]

chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法,原文: 默认情况下如下图 Y轴并不是从0开始,这样折现图的幅度会很大,不是正常的幅度,解决办法如下, 示例代码: window.onload = function () { var ctx = document.getElementById("canvas").getContext("2d"); window.myLine = new Chart(ctx).Line(lineChartDat

jquery.fileDownload.js插件导出excel

因为使用ajax导出excel会出现问题,所以现在使用jQuery.fileDownload.js插件来解决导出excel的问题 http://johnculviner.com/jquery-file-download-plugin-for-ajax-like-feature-rich-file-downloads/ 在页面引入jquery.fileDownload.js插件 1.如下所示 <script type="text/JavaScript" src="${re

vue.js打包生成配置文件(参考)

第一步:安装generate-asset-webpack-plugin插件 cnpm install generate-asset-webpack-plugin --save-dev 第二步:配置build/webpack.prod.conf.js文件 //打包时输出可配置文件 const GenerateAssetPlugin = require('generate-asset-webpack-plugin') const createServerConfig = function (comp

jquery.qrcode.js 插件生成二维码

下载地址:https://github.com/jeromeetienne/jquery-qrcode 例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>qrcode.js</title> </head> <body> <div id="qrcode"></div> &l

如何使用jquery.qrcode.js插件生成二维码

1.首先需要准备 jquery.qrcode.js 和 jquery.js github地址:https://github.com/lrsjng/jquery-qrcode 官方文档地址:http://larsjung.de/jquery-qrcode/ 2.然后创建jsp页面,将js引入页面.(此处需要注意的的是顺序不能颠倒,必须是jquery.js先引入) <script type="text/javascript" src="<%=request.getCo

vue.js插件提示框模板写法

<template> <el-button type="text" @click="open4">点击打开 Message Box</el-button> </template> <script> export default { methods: { open4() { this.$msgbox({ title: '消息', message: '这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容

JS生成EXCEL(Chrome浏览器)

直接使用js+Html生成excel文件,当前版本:chrome浏览器 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <style type="text/css"> 6 table{border-collapse: collapse; } 7 th, td{border: 1px solid #4d4d4d;padding: 5

走进Vue.js

走进Vue.js Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式.本文旨在帮助大家认识Vue.js,了解Vue.js的开发流程,并进一步理解如何通过Vue.js来构建一个中大型的前端项目,同时做好相应的部署与优化工作. 文章将以PPT图片附加文字介绍的形式展开,不会涉及知识点的具体代码,点到为止.有兴趣的同学可以查看相应的文档进行了解. Vue.js简介 从上图的介绍中我们不难发现Vue.js是一款轻量级的以数据驱动的前端JS框架,其和

前端开发之走进Vue.js

Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式.本文旨在帮助大家认识Vue.js,了解Vue.js的开发流程,并进一步理解如何通过Vue.js来构建一个中大型的前端项目,同时做好相应的部署与优化工作. 文章将以PPT图片附加文字介绍的形式展开,不会涉及知识点的具体代码,点到为止.有兴趣的同学可以查看相应的文档进行了解. Vue.js简介 从上图的介绍中我们不难发现Vue.js是一款轻量级的以数据驱动的前端JS框架,其和jQuery最大的