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 天前
解决使用jsPDF实现表格数据导出pdf功能时中文乱码问题
前端·vue.js·elementui
大阳光男孩2 天前
ElementUI表格懒加载子级更新数据刷新不生效问题
前端·javascript·elementui
i_am_a_div_日积月累_3 天前
el-drawer注册全局点击事件无效;el-dialog注册全局点击事件无效
javascript·vue.js·elementui
Filotimo_6 天前
Vue3 + Element Plus 表格复选框踩坑记录
javascript·vue.js·elementui
小救星小杜、6 天前
el-form 表格校验 开始和结束时间,时间选择范围
javascript·vue.js·elementui
克里斯蒂亚诺更新6 天前
使用elementUI的表格报错ResizeObserver loop completed with undelivered notifications.
前端·javascript·elementui
qiqiliuwu7 天前
VUE3+TS+ElementUI项目中监测页面滚动scroll事件以及滚动高度不生效问题的解决方案(window.addEventListener)
前端·javascript·elementui·typescript·vue
Java程序员-小白7 天前
Sa-Token过滤器引发的CORS误判问题
vue.js·elementui·axios·cors
梁山好汉(Ls_man)7 天前
JS_使用脚本填充基于Vue的用户名密码输入框并触发登录
javascript·elementui·vue
Irene19918 天前
Tailwind CSS vs Bootstrap vs ElementUI(ElementPlus) 全面对比表
elementui·bootstrap·element plus·tailwind css