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

相关推荐
一个打工仔的笔记1 天前
vue3 elementui plus 可编辑表格 完整例子
前端·vue.js·elementui
1314lay_10072 天前
el-table表格数据分页切片,导致表格的多选失效
javascript·vue.js·elementui
1314lay_10072 天前
Vue+C#根据配置文件实现动态构建查询条件和动态表格
javascript·vue.js·elementui·c#
1314lay_10072 天前
axios的Post方法和Delete方法的参数个数和位置不同,导致415错误
前端·javascript·vue.js·elementui
A_nanda3 天前
Vue2 表单提交异常详细排查方案
javascript·vue.js·elementui
千码君20167 天前
kotlin:jetpack compose 生成动态可控的动画
vue.js·elementui·kotlin
牧杉-惊蛰7 天前
修改表格选中时的背景色与鼠标滑过时的背景色
前端·javascript·css·vue.js·elementui·html
没有故事、有酒8 天前
Vue2中el-table修改表头高度和行高
javascript·vue.js·elementui
蒙面价肥猫9 天前
el-popconfirm 弹窗不显示问题总结
vue.js·elementui
蜡台10 天前
IDEA LiveTemplates Vue ElementUI
前端·vue.js·elementui·idea·livetemplates