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

相关推荐
雪芽蓝域zzs9 天前
第7节:多选模式、自定义选项渲染、受控弹窗显隐
vue.js·elementui
雪芽蓝域zzs10 天前
第6节:远程搜索弹窗(remote 模式),弹窗滚动加载分页
vue.js·elementui
雪芽蓝域zzs11 天前
第4节:el-select 弹窗事件控制(打开 / 关闭、选中事件、弹窗滚动事件)
vue.js·elementui
ss27311 天前
AI全栈实战 | 2.3-01 组件库实战:Element Plus 怎么搭出专业界面,过度封装为什么成维护负担
前端·javascript·elementui·vue
雪芽蓝域zzs11 天前
第3节:el-select 弹窗定位、滚动穿透与挂载容器(popper-append-to-body /teleported)
vue.js·elementui
雪芽蓝域zzs12 天前
第 2 节:基础扩展 - 下拉弹窗常用原生属性
vue.js·elementui
雪芽蓝域zzs12 天前
Vue3 + Element Plus el-select 下拉弹窗
vue.js·elementui
朱 欢 庆16 天前
el-table 表格组件二次封装
javascript·vue.js·elementui
ℋᙚᵐⁱᒻᵉ鲸落23 天前
ETypeError: nameRef.value?.focus is not a functio. 设置el-input自动聚焦时报错
前端·javascript·vue.js·elementui
愛芳芳1 个月前
基于 Electron + Vue3 的仿 PC 微信客户端项目实战
前端·javascript·css·elementui·typescript·electron·vue