npm install @vue-office/docx vue-demi@0.13.11 excel文档预览组件 npm install @vue-office/excel vue-demi@0.13.11 pdf文档预览组件 npm install @vue-office/pdf vue-demi@0.13.11 如果是vue2.6版本或以下还需要额外安装 @vue/composition-api npm install @vue/composition-api 使用示例 文档预览场景大致可...
npm install @vue-office/excel //pdf文档预览组件 npm install @vue-office/pdf 1. 2. 3. 4. 5. 6. 7. 8. 9. 二、代码示例 <!-- word文档预览示例 @rendered="renderingCompleted"渲染完成后调用函数进行逻辑处理--> <template> <vue-office-docx :src="docxUrl" @rendered="renderingCompleted" ...
1 安装vue-office npm install@vue-office/docx vue-demi// 预览docxnpm install@vue-office/excel vue-demi// 预览 excelnpm install@vue-office/pdf vue-demi//预览pdf 如果控制台报错,可能是vue版本<=2.6,需安装依赖 @vue/composition-api npm install @vue/composition-api ...
1.网络地址/本地项目地址,比如 https://***.pdf 2.文件上传时预览,可以通过获取文件的ArrayBuffer或Blob pdf文件预览 使用网络地址/本地项目地址 <template><vue-office-pdf:src="pdfUrl"style="height: 100vh"@rendered="renderedHandler"@error="errorHandler"/></template>import VueOfficePdf from "@vue-...
正常使用的版本应该为 @vue-office/pdf---0.2.5 vue ---3.2.37 其中vue的版本在@3.2.30时无法使用pdf,可以使用的情况为vue版本号>=3.2.37即可。
原文地址：http://t.csdn.cn/wGvEW http://huxj.top:8663/file/view?src=资源路径 ...
{pdf}} <vue-office-pdf style="height: 100%;" :src="pdf" @rendered="rendered"/> </template> //引入相关样式 import '@vue-office/docx/lib/index.css' import '@vue-office/excel/lib/index.css' //引入VueOffice组件 import VueOfficeDocx from '@vue-office/docx' import VueOfficeExcel fro...
501351981/vue-office master 1Branch0Tags Code README vue-office 支持多种文件(docx、excel、pdf、pptx)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。 《演示效果》 《使用非Vue框架(原生js、React等)、或者Vue里面报错,看这里》 功能特色
vue-office 支持多种文件(docx、excel、pdf、pptx)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。 《演示效果》 《使用非Vue框架(原生js、React等)、或者Vue里面报错,看这里》 功能特色 一站式:提供word(.docx)、pdf、excel(.xlsx, .xls)、ppt(.pptx)多种文档的在线预览方案,有它就够了...
vue + vue-office 实现多种文件(docx、excel、pdf)的预览 管理 管理 编辑 删除 乡关何处 2023-08-08 12:03:35 暂不处理 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。 github: 《仓库地址》 演示: 《演示效果》 功能特色 一站式:提供docx、pdf、excel多...