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

Vue vue-office+element-ui 预览 docx、xlsx、pdf 文件

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

1. 安装 element-ui

element-ui 快速开始可参考官网文档 Element – 网站快速成型工具

2. 安装 vue-office

//docx 文档预览组件
npm install @vue-office/docx

//excel 文档预览组件
npm install @vue-office/excel

//pdf 文档预览组件
npm install @vue-office/pdf

3. 代码

index.vue 代码

FilePreviewDialog.vue 代码

注意事项

• 目前 vue-office 不支持 doc 格式。
• 需要确保数据格式正确，否则可能会出现转换错误的情况。