关于vxe-table组件默认自带的导出插件无法导出xlsx格式文件的问题

最新推荐文章于 2024-05-22 13:52:22 发布
最新推荐文章于 2024-05-22 13:52:22 发布
阅读量1.2k 收藏 4
点赞数 2
分类专栏： vue.js 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54000091/article/details/126252672
版权

在这里插入图片描述

我们使用vxe-table自带的导入导出的功能，会发现无法导出xlsx格式的文件
在这里插入图片描述

官网中介绍了 该扩展插件的原官网地址
在这里插入图片描述
下面我们打开这个插件原官网地址
在这里插入图片描述
注意到文档说明了 需要安装这几个插件 ，我们都需要进行安装，然后根据红色框中的步骤配置好，下面我贴一下我的代码
在这里插入图片描述
这是我安装的插件的版本号，仅供参考
在这里插入图片描述

我是你牛爷爷啊
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vxe-table-v2.9.24_表格组件_Table_
09-28
vxe-table是一个基于vue的表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、丰富的扩展插件
踩坑：vue表格插件vxe-table之导出 .xlsx 文件
Greenhand_BN的博客
10-29 7952
各种百度，找不到想要的方案，当然有其他的方法写，比如直接用xlsx.js，但是看着好麻烦，不想使用！突然想到，会不会是版本的问题，于是乎，抱着试试的态度，卸载3.0的版本，安装2.0版本。一开使用的是3.0版本的，依赖，这样使用就会报错。另：如遇到下面的报错，则需要安装。
vue表格插件vxe-table导出 .xlsx 文件
weixin_46124693的博客
07-08 3401
vxe-table 默认支持导出 CSV、HTML、XML、TXT格式的文件，不支持 xlsx 文件 要想导出 xlsx 文件，需要使用 vxe-table-plugin-export-xlsx 依赖参考：https://cnpmjs.org/package/vxe-table-plugin-export-xlsx/v/2.1.0-beta 示例 如果用最新版的，依赖，这样使用就会报错 Uncaught (in promise) 亲测2.2.2版本可以正常使用............
踩坑： vxe-table-plugin-export-xlsx/dist/index.common.js 报错 --- vxe-table-plugin-export-xlsx
weixin_44019706的博客
10-26 510
先发现，注释这两句运行就不报错了（如下图），所以是 vxe-table-plugin-export-xlsx 的原因。
vue中封装动态生成vxe-table的方法组件
m0_72993813的博客
12-01 694
通过以上步骤，您就可以动态生成 VXE-Table 组件，并将数据渲染到表格中。请根据您的实际需求进行调整和扩展。在上述示例中，我们首先导入 VXE-Table 的样式文件和所需的组件。然后，我们创建了一个名为。的方法，该方法接受一个数据数组作为参数。在方法内部，我们使用 Vue 3 的。钩子函数中，我们根据数据的第一项动态生成列配置，并将其赋值给。在上述示例中，我们首先导入了之前创建的。，其中包含了要显示在表格中的数据。然后，我们定义了一个模板，其中使用了。然后，我们定义了一个数据数组。
解决在弹窗中Vxe-table 中 tooltip 不生效bug
qq_43225508的博客
03-10 1435
解决在弹窗中Vxe-table 中 tooltip 不生效bug
vxe-table-plugin-menus::deciduous_tree: 基于 vxe-table 的表格插件，提供实用的快捷菜单集
04-13
vxe-table-plugin-menus 基于 的表格插件，提供实用的快捷菜单集 Installing npm install xe-utils vxe-table@next vxe-table-plugin-menus@next // ... import VXETable from 'vxe-table' import ...
vxe-table vue表格解决方案-其他
06-11
vxe-table是一个基于vue的表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、丰富的扩展插件等... 设计理念： 面向...
vxe-table vue table 表格组件功能
10-16
主要介绍了vxe-table vue table 表格组件功能，功能非常强大，文中给大家提到了功能点,需要的朋友可以参考下
vxe-table 中自定义模板，解决渲染单元格为 element-ui 组件后无法选中值
我的博客
12-17 9327
vxe-table 中自定义模板，渲染单元格为 element-ui 组件如何解决跨组件之间的事件冲突例如以下代码解决方法 如何解决跨组件之间的事件冲突 vxe-table 强大之处就是可以支持任意的 vue 组件，但在渲染大部分组件后默认是无法直接使用的，需要解决好跨组件之间的事件冲突 例如以下代码 虽然可以正常渲染和显示，但是会无法选中下拉选项，这就是跨组件的事件冲突，下面会提到解决办法 &l...
记录一次使用vxe-grid 完整功能的解决请求到数据但data中没数据的bug
jppec的博客
09-22 784
将模板中的v-bind重新封装 没有使用原先的结构。方法虽然有点南辕北辙但问题起码解决了。有大佬有很好的解决办法也可以交流学习。
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1160
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
Nodejs util file getpost web express child_process mogodb
ooo
05-18 905
Nodejs util file getpost web express child_process mogodb
综合性练习-验证码
cj13106811623的博客
05-15 847
生成验证码param(参数): 无Return: 图片的内容校验验证码用户输入的验证码5. 代码编写生成验证码://图型验证码写出,可以写出到文件,也可以写出到流try {//返回到浏览器修改前端代码相对应的接口验证成功。
VUE3注册指令的方法
weixin_44072254的博客
05-22 176
【代码】VUE3注册指令的方法。
【VueRouter 的基本使用】
2302_76611599的博客
05-17 183
完成Vue Router 安装后，就可以使用路由了，路由的基本使用步骤，首先定义路由组件，以便使用Vue Router控制路由组件展示与 切换，接着定义路由链接和路由视图，以便告知路由组件渲染到哪个位置，然后再项目中创建路由模块，最后导入并挂载路由模块。为了在页面中将路由对应的组件显示出来，还要在App组件中定义路由视图。路由视图标签定义，该标签会被渲染成当前路由对应组件，另外，为了方便在不同组件之间切换，可以通过标签定义路由链接，该标签的to属性表示链接地址，与路由匹配规则中的path属性对应。
React函数式组件的父子方法互相调用，父组件调用子组件方法，子组件调用父组件方法
SongZhengxing_的博客
05-18 185
子组件需要使用 forwardRef 函数包裹，然后使用 useImperativeHandle 暴露属性和方法。编写子组件 Child。
前端开发攻略---用Vue实现无限滚动的几种方法
最新发布
nibabaoo的博客
05-22 404
用vue实现无限滚动
性能监控系统搭建——node_koa实现性能监控数据上报（第一章）
编程知识分享，主打前端
05-19 773
大家好，我是yma16，本文分享node_koa实现性能监控数据上报（第一章）。为了实现前端性能耗时的数据监控，前端对外发布js的sdk，sdk的功能主要是性能耗时计算和数据上报。同时使用vue3和node开发一个数据监控的后台管理系统，主要功能是展示数据，提供一个api_key和token对外暴露的api接口去添加数据监控数据。对外暴露性能上报接口，用户通过api_key请求上报数据到后台。
vxe-table中vxe-table-plugin-export-xlsx 依赖如何使用
01-25
根据提供的引用内容，vxe-table-plugin-export-xlsx 是一个用于导出 Excel 文件的插件。根据引用和引用的描述，你遇到了一些关于该插件的问题和解决方法。 根据引用中的描述，你遇到了一个报错，并且注释掉两行代码后报错消失了。这表明报错的原因可能与 vxe-table-plugin-export-xlsx 有关。然而，当你尝试导入时，仍然遇到了错误。 根据引用中的描述，你通过安装特定版本的 vxe-table-plugin-export-xlsx（2.0.0）解决了问题。这意味着你可能需要使用特定版本的插件来解决你的问题。 以下是一个使用 vxe-table-plugin-export-xlsx 插件的示例： ```javascript // 导入所需的模块 import VXETable from 'vxe-table' import ExportXLSX from 'vxe-table-plugin-export-xlsx' // 注册插件 VXETable.use(ExportXLSX) // 创建一个表格实例 const table = new VXETable.Table() // 配置导出按钮 table.exportData = { filename: 'data', sheetName: 'Sheet1', type: 'xlsx' } // 渲染表格 table.render('#app') // 导出数据 table.exportData() ``` 请注意，上述示例中的代码是一个简化的示例，你可能需要根据你的具体需求进行适当的修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值