记录使用@vue-office/excel的坑

Smal_guaishou

于 2024-10-10 10:03:54 发布

阅读量661

点赞数 12

文章标签： excel vue.js node.js

本文链接：https://blog.csdn.net/Smal_guaishou/article/details/142813645

版权

项目场景：

``
公司一个预览excel文件的业务，很简单的一项东西

问题描述

安装了@vue-office/excel 之后，预览xlsx后缀的文件没问题，但是！！xls就一直不显示

在这里插入图片描述

解决方案：

查阅了很多文档都没方案，最后我去github找到了官方的代码，如下配置。要想预览xls的文件需要把options里面的xls设置为true.记录一下!!!

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Smal_guaishou

关注关注

12
点赞
踩
2

收藏

觉得还不错? 一键收藏
7
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue预览word、excel、pdf

m0_51431448的博客

03-19

6421

刚找到三个兄弟库，分别是预览word、Excel、pdf文档的，用着很好用，但是word这个好像是有点儿bug但还不确定，因为有的能加载出来有的加载不出来，还需要验证。

Vue2+vue-office/excel 实现在线加载Excel文件预览

qq_54072355的博客

08-05

1823

二、引入VueOfficeExcel组件、样式。一、安装VueOfficeExcel插件。

7 条评论您还未登录，请先登录后发表或查看评论

vue移动端实现excel在线预览

最新发布

gitblog_09553的博客

09-13

2145

Vue-Office：一站式Office文件预览解决方案安装配置指南项目地址:https://gitcode.com/gh_mirrors/vu/vue-office 项目基础介绍与编程语言 Vue-Office 是一个强大的Vue组件库，专为实现Word (.docx)、Excel (.xlsx, .xls) 和 PDF 文件的在线预览设计。此项目致力于简化多类型文件预览的过程，适用于Vue ...

vue引用vue-office实现docx、excel、pdf等文件预览

zgh0611的博客

07-02

2380

vue-office支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3，也支持非Vue框架的预览。安装完之后需要注意vue版本，如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。注意：目前vue-office不支持doc格式。

Vue vue-office 预览docx、excel、pdf文件

qq_44747728的博客

12-04

8715

在Vue中，我们可以使用一些第三方的插件或者组件来实现文件预览功能。比如，我们可以使用vue-office插件来预览PDF文件，文中所给的例子中使用了vue-office+element-ui。

vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库

qq_41985405的博客

01-11

4955

如果后端给的不是CDN地址，而是一些POST接口，该接口返回二进制流，则可以调用接口获取文件的ArrayBuffer数据，传递给src属性。通过网络地址预览示例如下，通过文件ArrayBuffer预览和上面docx的使用方式一致。通过网络地址预览示例如下，通过文件ArrayBuffer预览和上面docx的使用方式一致。读取文件的ArrayBuffer。

@vue-office/excel 解决移动端预览excel文件触发软键盘

词不达意难知的博客

06-03

603

@vue-office/excel 解决移动端预览excel文件触发软键盘

Vue - Vue 集成 pdf word excel 预览功能

weixin_39158686的博客

01-25

1605

vue-office是一款集合了docx、excel、pdf 三种文件预览的 Vue 组件库，在安装该组件之前需要先安装输入以下命令分别安装 word 、excel 和 pdf 三个预览插件卸载时运行安装后可在 Vue项目的 package.json 中查看安装依赖项。

vue3.0 execle 导出功能实现

撑戌圆爱痒生

07-21

1151

vue3.0 execle 导出功能实现安装引入给table加ref属性获取需要导出的execle表格元素安装 npm install --save xlsx npm install --save file-saver file用于保存文件所以也要安装引入 import XLSX from 'xlsx' import FileSaver from 'file-saver' import { ref, reactive, getCurrentInstance, onMounted, }

vue3 - 详细实现内容或文本批注功能，将文字/图片图像/链接/任意div元素加入注释批注当鼠标点击或选中时显示气泡批注框，类似Excel/word设置标注批注功能，支持批注创建与修改记录多人协作！

高级前端工程师

08-19

4457

vue3，nuxt3，批注功能，给文字加上批注，鼠标移入时显示气泡批注，vue3图片加入批注鼠标划过显示出来，vue3文本批注，pdf批注，文本注释，图像注释，vue3实现图片批注功能，vue3选中文字添加标注，在线标注，选中文本右边添加标注，vue3实现图片框选标注图片标注，文字标注功能，鼠标选中文本后可添加批注，URL链接批注，通过鼠标选中文字，实现对文字进行标注，取消标注，用于标记的文字，自定义插入标签，怎么对图像标注，历史批注，vue3标注，记录每一次增加批注并列出列表，在页面上选中文字添加批注，r

vue3-office

09-08

Vue3-office是一个使用Vue3开发的办公自动化软件，旨在为用户提供便捷高效的办公工具。 Vue3-office拥有多个功能模块，包括文档处理、表格编辑、PPT制作、日历管理等。用户可以使用该软件来处理各种办公文档，例如...

vue office在线编辑_多人协同、AI 协作……未来的 Office 有这些「黑科技」

weixin_39640444的博客

10-27

1316

最近几个月里，「远程办公」成为了很多人的新选择。远程办公中，在线文档对于大多数公司来说都是必需品。多人协作、自动保存、无需下载客户端…… 这些优势让在线文档逐渐受到人们的青睐。面对这样一个潜力巨大的市场，最近几年各类在线文档工具层出不穷，国外有 Google Docs 和 Dropbox Paper，国内腾讯、阿里、字节跳动等都有各自的同类产品，另外还有 Notion、Coda 等新形态的协作工具...

vue2 - 详细实现内容或文本批注功能，将文字/图片图像/链接/任意div元素加入注释批注当鼠标点击或选中时显示气泡批注框，类似Excel/word设置标注批注功能，支持批注创建与修改记录多人协作！

高级前端工程师

08-19

2939

vue2，nuxt2，批注功能，给文字加上批注，鼠标移入时显示气泡批注，vue图片加入批注鼠标划过显示出来，vue文本批注，pdf批注，文本注释，图像注释，vue实现图片批注功能，vue选中文字添加标注，在线标注，选中文本右边添加标注，vue2实现图片框选标注图片标注，文字标注功能，鼠标选中文本后可添加批注，URL链接批注，通过鼠标选中文字，实现对文字进行标注，取消标注，用于标记的文字，自定义插入标签，怎么对图像标注，历史批注，vue标注，记录每一次增加批注并列出列表，在页面上选中文字添加批注，recogi

解决vue导入excel时，如果没有头，不显示的问题

Tem13145的博客

05-13

331

当我用别人做好的excel上传，显示的代码时，发现当导入的文件的头有空白的单元格，但是头单元格所在的那一列有数据时，显示不出来下面的数据，找了很久的解决方法，最后还是从源码入的手，直接看。就是此行出了问题，然后你读入的数据会默认将空行的数据放在结尾，像这样。所以，我们必须要指定头数组header，作为参数传入。

Vue3 excel在线预览，支持xls、xlsx

chongbicheng的博客

06-13

2338

vue3 使用x-data-spreadsheet 在线预览excel表格，支持xls、xlsx格式

vue-office预览docx，excel，pdf文件

learn_first的博客

05-07

935

vue-office不支持doc文件的预览。对xls文件进行预览时，必须设置options=｛xls:true｝如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。