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

相关推荐
zhuangvi29 分钟前
Element Plus 之 el-table相同行合并(通用函数),相同列合并(自行判断需合并的字段以及相应的列下标)
elementui·前端框架
RW~16 小时前
vue elementui 大文件进度条下载
前端·vue.js·elementui
一只悲伤的小菜鸟18 小时前
element-ui Cannot read properties of undefined (reading ‘indexOf‘)
vue.js·elementui
失眠的咕噜1 天前
el-table 合并单元格
javascript·vue.js·elementui
BillKu1 天前
vue3+ts+element-plus 输入框el-input设置背景颜色
前端·vue.js·elementui
yqcoder2 天前
el-tabe 配合 xlsx 导出 excel 文件
javascript·vue.js·elementui
林子soCool2 天前
vue3 初体验
elementui·vue
dy17172 天前
el-table单独某列自适应文字换行
javascript·vue.js·elementui
wwf12252 天前
el-table 多级表头
javascript·vue.js·elementui
你挚爱的强哥3 天前
基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单
javascript·vue.js·elementui