element表格导出

element表格导出

使用了xlsx插件做表格下载

1、首先安装xlsx插件

import XLSX from 'xlsx'

2、在el-table上添加ref

3、导出方法

复制代码
downloadFun() {
	  const tableElement = this.$refs.table.$el
      const ws = XLSX.utils.table_to_sheet(tableElement)
      // 创建工作簿并添加工作表
      const wb = XLSX.utils.book_new()
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
      // 生成Excel文件并导出
      XLSX.writeFile(wb, '表格.xlsx')
    },

然后就ok啦,有用的话点个赞哦

相关推荐
Sterting7 天前
Form表单与校验
javascript·vue.js·elementui
Sterting9 天前
Element-Plus 入门与整体布局
前端·vue.js·elementui
yume_sibai9 天前
Element Plus 基础组件完全指南(12个核心组件)
前端·elementui
di24k24k15 天前
多个 el-form 共用同一 ref 导致表单校验部分失效
前端·javascript·vue.js·elementui
森林的尽头是阳光1 个月前
tree回显问题
javascript·vue.js·elementui
Bad_Shepherd1 个月前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
不甘平凡的小鸟1 个月前
Element-UI记录
javascript·vue.js·ui·elementui
chushiyunen2 个月前
vue el-pagination实现分页
javascript·vue.js·elementui
一坨阿亮2 个月前
使用e-tree开发树形穿梭框
javascript·vue.js·elementui
北极星日淘2 个月前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui