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

相关推荐
滿11 小时前
Vue3 Element Plus 表格默认显示一行
javascript·vue.js·elementui
阿奇__1 天前
element 跨页选中,回显el-table选中数据
前端·vue.js·elementui
努力往上爬de蜗牛1 天前
vue3 daterange正则踩坑
javascript·vue.js·elementui
小宋10211 天前
el-table的select回显问题
javascript·vue.js·elementui
sunshine_程序媛1 天前
在Vue2项目中引入ElementUI详细步骤
前端·ui·elementui·前端框架·vue
zhoxier2 天前
element-ui 的el-table,多选翻页后,之前选择的数据丢失问题处理
vue.js·ui·elementui
Now?!2 天前
el-table-v2修改表头、单元格、表格整体的宽度、高度样式
前端·vue.js·elementui
xiaogg36784 天前
系统网站首页三种常见布局vue+elementui
前端·vue.js·elementui
xiaogg36785 天前
vue+elementui 网站首页顶部菜单上下布局
javascript·vue.js·elementui
我的心巴7 天前
vue-print-nb 打印相关问题
前端·vue.js·elementui