Vue 展示word\excel\pdf 内容

Vue 展示word\excel\pdf 内容

1、前言

• 项目使用的是若依框架，有一个审核的功能，审核弹窗中需要显示出上传的文件内容，而没有原生的组件可以实现该功能。

2、遇到的问题

1. 使用 iframe 组件、不报错，但最后实现的效果是下载而不是展示出来

2. 项目是vue2的版本使用@vue-office，直接报错，解决办法放后面

3、解决方法

• 最终还是使用的@vue-office，解决办法是vue2需要再引入一个依赖"@vue/composition-api"

4、完整代码

1、 在package.json中添加依赖

"@vue-office/docx": "^1.6.2",
"@vue-office/excel": "^1.7.11",
"@vue-office/pdf": "^2.0.7",
"@vue/composition-api": "^1.7.2",

2、 在main.js中定义组件

//引入相关模块
import VueOfficeDocx from '@vue-office/docx/lib'
import VueOfficeExcel from