vue.js 插件生成excel

Posted gmsmile

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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]))
    

以上是关于vue.js 插件生成excel的主要内容,如果未能解决你的问题,请参考以下文章

vue.js 二维码生成组件

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

vue2插件

vue.js webpack 问题:无法使用 configureWebpack 向 vue.config.js 添加插件

Vue.js 插件开发详解

Vue.js 插件