支持多种文件(.docx、.xlsx、.xls、.pdf、.pptx)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。
不支持.doc、.ppt(2003年及以前的版本)
官网:https://www.npmjs.com/package/@vue-office/excel?activeTab=readme
官方有实例代码,非常简单。
可以试一下,你的文件是否支持
演示地址:https://501351981.github.io/vue-office/examples/dist/#/docx
安装
#docx文档预览组件
npm install @vue-office/docx vue-demi@0.14.6
#excel文档预览组件
npm install @vue-office/excel vue-demi@0.14.6
#pdf文档预览组件
npm install @vue-office/pdf vue-demi@0.14.6
#pptx文档预览组件
npm install @vue-office/pptx vue-demi@0.14.6
安装后的版本
"@vue-office/docx": "^1.6.3",
"@vue-office/excel": "^1.7.14",
"@vue-office/pdf": "^2.0.10",
"@vue-office/pptx": "^1.0.1",
问题、报错
vue2才需要安装"@vue/composition-api": “^1.7.2”,vue3不需要,vue3版本至少要@3.2以上
nodejs:v16.20.1
npm install @vue/composition-api
#指定vue版本
npm install vue@3.2.13
如果提示错误,那就是vue版本不对
TypeError: ft.createElementVNode is not a function
建议升级vue版本
npm install vue@3.2.13
镜像用的是淘宝镜像
查看镜像:npm config get registry
设置淘宝镜像:npm config set registry https://registry.npmmirror.com
我这里有2个问题(太low,不知道原因):
1、在vue:~3.1.5版本下,可以安装@vue-office/docx、excel、pdf、pptx,但是项目启动后,显示TypeError: ft.createElementVNode is not a function
错误。
2、如果是先更新vue:^3.2.13版本,再安装@vue-office/docx、excel、pdf、pptx,就会安装失败(镜像都是https://registry.npmmirror.com)