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

相关推荐
暴富的Tdy3 小时前
【使用 Vue2 脚手架创建项目并实现主题切换功能涵盖Ant-Design-Vue2/Element-UI】
vue.js·elementui·anti-design-vue·vue切换主题
小魏的马仔4 小时前
【elementui】el-date-picker日期选择框,获取焦点后宽度增加问题调整
前端·vue.js·elementui
道之极万物灭1 天前
NiceGUI之Button操作(ElementPlus组件库)
python·elementui·web组件·nicegui
芳草萋萋鹦鹉洲哦1 天前
【elementUI】form表单rules没生效
前端·javascript·elementui
一只小阿乐2 天前
前端vue3 web端中实现拖拽功能实现列表排序
前端·vue.js·elementui·vue3·前端拖拽
方安乐3 天前
vue3 el-select懒加载以及自定义指令
javascript·vue.js·elementui
哆啦A梦15883 天前
商城后台管理系统 02 添加规格参数-动态表单
javascript·vue.js·elementui
哆啦A梦15883 天前
商城后台管理系统 03 规格参数配置
javascript·vue.js·elementui
一路向前的月光3 天前
Eltable二次封装
javascript·vue.js·elementui
哆啦A梦15883 天前
商城后台管理系统 04 登录-功能实现-数据持久化-vuex
javascript·vue.js·elementui