抓住九月的尾巴分享一个插件XLSX

git官网

安装:

cnpm install --save xlsx file-saver

.vue文件中:
1. 引用table插件/自己写table布局 <el-table id="my-table"></el-table>
2. 引入依赖

import FileSaver from ‘file-saver‘
import XLSX from ‘xlsx‘

3. 下载功能使用:

exportExcel () {
  /* 从表中生成工作簿对象 */
  var wb = XLSX.utils.table_to_book(document.querySelector(‘#my-table‘))
    /* 获取二进制字符串作为输出 */
    var wbout = XLSX.write(wb, { bookType: ‘xlsx‘, bookSST: true, type: ‘array‘ })
    try {
        /* 存储到本地 */
        FileSaver.saveAs(new Blob([wbout], { type: ‘application/octet-stream‘ }),     ‘sheetjs.xlsx‘)
    } catch (e) { if (typeof console !== ‘undefined‘) console.log(e, wbout) }
    return wbout;
},

详细整理该组件:

原文地址:https://www.cnblogs.com/padding1015/p/11613751.html

时间: 2024-10-13 20:44:43

抓住九月的尾巴分享一个插件XLSX的相关文章

福利到~分享一个基于jquery的智能提示控件intellSeach.js

一.需求 我们经常会遇到[站内搜索]的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示.例如:某公司人事管理系统,想搜索李XX,只要输入“李”,系统自然会提示一些姓李的员工,这样方便用户使用.说白了,就是用户边输入,系统会提示相关的结果:或者,当用户点击搜索框时,就推荐一些内容,如360.百度都会提示今天的主要新闻或搜索量大的内容. jquery 已经有一个这样的插件了,叫 autocomplete, 但我觉得不好用.关于autocomplete的介绍也很多,有兴趣的朋友可以去试试

分享一个漂亮的ASP.NET MVC界面框架

本文分享一个插件化的界面框架,该框架提供了用户.角色.权限管理功能,也提供了插件的管理和插件中心.下图是该界面框架的样式(全部源码和原理介绍下一篇分享,推荐越多,源码放的越早,呵呵). 要使用该界面框架,你可以通过以下地址来下载到界面框架的Visual Studio 2013模板:下载框架模板. 模板下载地址:http://files.cnblogs.com/baihmpgy/iOpenWorksMvc1.zip 下载后,解压缩,将iOpenWorksMvc1目录直接拷贝到VS的项目模板目录(C

分享一个jquery功能强大的提示信息插件代码

代码属于提示文字特效,很好,使用有些复杂,请参demo使用 下载地址:jquery功能强大的提示信息插件代码 预览DEMO:DEMO 分享一个jquery功能强大的提示信息插件代码,布布扣,bubuko.com

分享一个jquery插件,弥补一下hover事件的小小不足

hover事件有一个缺点:当你的鼠标无意划过一个dom元素(瞬间划过,这个时候用户可能不想触发hover事件),会触发hover事件 应该设置一个时差来控制hover事件的触发 比如jd左边的菜单 你用鼠标瞬间划过他子菜单会弹出然后立即消失, 用户体验非常的不好. 易迅的菜单就没有这个问题 delayHover来解决这个问题 啥也不说了先看调用---------- 调用方式: var duration = 500;// 延迟500毫秒 $('#div1').delayHover(function

[Dynamic Crm] 分享一个方便获取实体名字,GUID,字段名字的插件

[Dynamic Crm] 分享一个方便获取实体名字,GUID,字段名字的插件 1. 打开IE收藏夹目录C:\Users\kcom\Favorites 2. 添加Debug mode 到Favorites 3. 打开CRM任意实体,使用快捷键Ctrl +i 4.点击  Debug mode Debug Mode :http://files.cnblogs.com/files/KingK/DebugMode.zip

分享一个U3D在Runtime显示碰撞盒的插件

有些时候,我们需要在Game视图显示碰撞盒,比如格斗游戏我要开发碰撞配置的工具,我经常需要看到碰撞盒,今天找了一下,没有发现合适的插件,我还花5美金买了一个插件,结果也只是在scene视图显示,这里我就需要在Game视图和游戏发布后也能显示. 于是就自己开发了一个 效果如图: 这是没有开启显示的样子,碰撞盒只能在scene视图被观察到. 这是打开显示的样子,碰撞盒在Game视图也能被观察到了 还可以调节颜色和线宽 你可以到这个页面下载这份代码 http://code.taobao.org/p/f

实现分享功能插件一---百度分享插件应用

博主原创:未经博主允许,不得转载 在做项目的时候,碰到实现分享的功能,在网上搜了很多的资料,实现分享主要有两种插件. 一种插件是百度分享的插件,另一种是jiathis进行实现分享. 先展示用百度分享插件如何实现,具体代码如下,其实现的功能为实现视频分享,并带视频图片: <body> <div class="bdsharebuttonbox" data-tag="share_1"> <a class="bds_weixin&qu

分享一个PHP调试日志类

分享一个我自己用的在 WordPress 开发中用得到的一个调试日志类. <?php /** * @author: suifengtec coolwp.com * @date: 2013-02-03 09:55:55 * @last Modified by: suifengtec coolwp.com * @last Modified time: 2015-07-12 18:40:02 */ if(function_exists('add_action')){ defined('ABSPATH'

分享一个Unity3D小作品,欢迎索取源码!

在一年多前知道了Unity这款游戏引擎.在得知她极大地简化游戏开发的难度并可以使用我最熟悉的C#开发后,便毅然决然地开始学习Unity3D.说来惭愧,期间,由于个人原因,学习断断续续,直到现在才有一个勉强拿的出手的小作品.这款小游戏是一款类似超级马里奥的冒险游戏,玩法简单明了不费脑. 游戏截图 菜单界面 查看最高分 设置游戏难度,主要是设置主角受攻击时的伤害 可以通过跳跃攻击小怪兽 匕首攻击 滑行越过障碍物 乘坐来回移动的平台去往目的地 你赢了!就这样! 操作键设置 在该项目中自定义了几个操作键