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

相关推荐
Komorebi゛11 分钟前
【Vue3+Element Plus】el-dialog弹窗点击遮罩层无法关闭弹窗问题记录
前端·vue.js·elementui
J总裁的小芒果5 小时前
后端返回参数不一致 前端手动处理key
前端·vue.js·elementui
一入程序无退路7 小时前
vue中序号不能按排序显示
javascript·vue.js·elementui
牛先森家的牛奶1 天前
elementUI的table合并行和列模板
前端·javascript·elementui
Aotman_2 天前
Vue MutationObserver 监听
前端·javascript·vue.js·elementui·前端框架·ecmascript
前端小怪兽zmy2 天前
Vue3实现纯前端语音输入成文字显示
前端·javascript·elementui
Aotman_2 天前
Vue.directive:自定义指令及传参
前端·javascript·vue.js·elementui·ecmascript·es6
我这一生如履薄冰~5 天前
element-plus去除el-dropdown组件当鼠标移入文本时会出现边框
前端·elementui·vue
D_C_tyu7 天前
Vue3 + Element Plus | el-table 表格获取排序后的数据
javascript·vue.js·elementui
i_am_a_div_日积月累_7 天前
el-tree半选回显问题;el-tree获取半选节点id
javascript·vue.js·elementui