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

相关推荐
陪我一起学编程23 分钟前
创建Vue项目的不同方式及项目规范化配置
前端·javascript·vue.js·git·elementui·axios·企业规范
乐~~~2 天前
el-date-picker type=daterange 日期范围限制
javascript·vue.js·elementui
zuo-yiran2 天前
element table 表格多选框选中高亮
vue.js·elementui
zhoxier3 天前
elementui el-select 获取value和label 以及 对象的方法
javascript·vue.js·elementui
是小狐狸呀3 天前
elementUI-表单-下拉框数据选中后,视图不更新
前端·javascript·elementui
南半球与北海道#4 天前
el-table合并单元格
javascript·vue.js·elementui·表格合并
吃饭了吗4 天前
elementplus组件文本框设置前缀
前端·vue.js·elementui
进阶的小木桩10 天前
Vue 3 + Elementui + TypeScript 实现左侧菜单定位右侧内容
vue.js·elementui·typescript
北辰浮光12 天前
[Element-plus]动态设置组件的语言
javascript·vue.js·elementui
胡斌附体13 天前
elementui cascader 远程加载请求使用 选择单项等
前端·javascript·elementui·cascader·可独立选中单节点