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

相关推荐
533_3 天前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
Jeffrey__Lin4 天前
解决Grid布局下el-table自适应缩小失败的问题
vue.js·elementui·html
天天向上10246 天前
在 Vue3 项目中使用 el-tree
javascript·vue.js·elementui
天天向上10246 天前
vue2 vue3 修改elementUI和elementPlus主题颜色
前端·javascript·elementui
D_C_tyu9 天前
Vue3 + Element Plus 实现前端手动分页
javascript·vue.js·elementui
星光一影9 天前
供应链进销存源码uniapp全开源ERP多仓库管理系统pc+app手机端
mysql·elementui·uni-app·开源·php·phpstorm·1024程序员节
xu_duo_i9 天前
vue2+elementUI后端返回二进制流,前端下载实现
前端·javascript·elementui
我家媳妇儿萌哒哒10 天前
Vue2 elementUI年份区间选择组件
前端·javascript·elementui
asdfsdgss10 天前
Axure 组件不用手绘:ElementUI/Plus 元件库 + 大厂规范现成资源
elementui·axure·photoshop
Joker`s smile10 天前
vue + elementUI 实现特殊字符(上标、下标、特殊符号等)输入框
vue.js·elementui·特殊字符·unicode字符·上标·下标