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啦,有用的话点个赞哦

相关推荐
小晗同学1 小时前
Vue 实现高级穿梭框 Transfer 封装
javascript·vue.js·elementui
我是Superman丶1 天前
【前端UI框架】VUE ElementUI 离线文档 可不联网打开
前端·vue.js·elementui
乐~~~1 天前
el-tabs 自适应高度
elementui·scss
J总裁的小芒果2 天前
vue3-print打印eletable某一行的数据
javascript·vue.js·elementui
机器人迈克猫2 天前
Django_Vue3_ElementUI_Release_004_使用nginx部署
nginx·elementui·django
代码搬运媛3 天前
el-table 如何实现行列转置?
javascript·vue.js·elementui
繁依Fanyi3 天前
使用 Spring Boot + Vue + ElementUI 构建简易评分系统
java·开发语言·vue.js·人工智能·spring boot·算法·elementui
尸僵打怪兽3 天前
后台数据管理系统 - 项目架构设计-Vue3+axios+Element-plus(0917)
开发语言·javascript·vue.js·elementui
快乐小土豆~~4 天前
el-input设置后缀显示单位并阻止滚轮微调
前端·vue.js·elementui