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

相关推荐
钰衡大师13 小时前
电商后台管理系统:动态路由刷新空白问题分析与解决方案
vue.js·elementui·前端框架
帅帅在睡觉1 天前
组件的创建与挂载
javascript·vue.js·elementui
肖老师xy5 天前
Ai生成时间排期进度
javascript·vue.js·elementui
Komorebi゛5 天前
【Vue3+Element Plus】el-dialog弹窗点击遮罩层无法关闭弹窗问题记录
前端·vue.js·elementui
J总裁的小芒果5 天前
后端返回参数不一致 前端手动处理key
前端·vue.js·elementui
一入程序无退路6 天前
vue中序号不能按排序显示
javascript·vue.js·elementui
牛先森家的牛奶6 天前
elementUI的table合并行和列模板
前端·javascript·elementui
Aotman_7 天前
Vue MutationObserver 监听
前端·javascript·vue.js·elementui·前端框架·ecmascript
前端小怪兽zmy7 天前
Vue3实现纯前端语音输入成文字显示
前端·javascript·elementui
Aotman_8 天前
Vue.directive:自定义指令及传参
前端·javascript·vue.js·elementui·ecmascript·es6