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

相关推荐
H@Z*rTE|i8 小时前
elementUi 当有弹窗的时候提示语被覆盖的问题
前端·javascript·elementui
阿奇__8 小时前
vue2+elementUI table多个字段排序
前端·javascript·elementui
J总裁的小芒果9 小时前
原生Table写一行保证两条数据
javascript·vue.js·elementui
沐墨染16 小时前
大型数据分析组件前端实践:多维度检索与实时交互设计
前端·elementui·数据挖掘·数据分析·vue·交互
南玖i17 小时前
SuperMap iServer + vue3 实现点聚合 超简单!
javascript·vue.js·elementui
麻瓜呀2 天前
vue2之el-table表格多选改单选
javascript·vue.js·elementui
weixin_584121432 天前
vue3+elementui+js自定义穿梭框布局
javascript·vue.js·elementui
qq_401967383 天前
element-plus table组件 封装列隐藏功能,并非 v-if 或 v-for,通过tableRef 与样式控制
javascript·vue.js·elementui
web小白成长日记3 天前
Vue3+ElementUI树形菜单:构建层次化用户界面
前端·microsoft·ui·面试·elementui
FFF_634560234 天前
自定义下拉框组件
javascript·vue.js·elementui