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

相关推荐
小金子J2 小时前
Vue 表单优化:下拉框值改变前的确认提示与还原逻辑实现
前端·javascript·vue.js·elementui
什么什么什么?5 小时前
el-input实现金额输入
javascript·vue.js·elementui
热爱蛋炒饭8 小时前
ruoyi vue el-elementui el-tree 自适应宽度向左浮动
javascript·vue.js·elementui
编程诗人华仔8 小时前
若依框架实际国际化前后端统一解决方案
java·vue.js·spring boot·后端·elementui
可可鸭~1 天前
前端面试基础知识整理(一)
javascript·vue.js·学习·面试·elementui
liuyang___2 天前
element ui的select选择框
前端·javascript·vue.js·ui·elementui
壹壹得贰ぺ2 天前
element 实现表格数据拖拽 数据拖拽其他区域实现 拖拽到日期 并在下面div盒子数据显示出来(直接复制)就能使用
javascript·vue.js·elementui
程序员奇奥2 天前
Vue实践-ElementUI中Upload组件如何批量上传
vue.js·okhttp·elementui
我家媳妇儿萌哒哒2 天前
vue+element ui 实现选择季度组件
vue.js·ui·elementui
Emma_Maria3 天前
分享一个后端说异步导出,前端的实现方法
前端·vue.js·elementui