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 vue2.6版本或以下还需要额外安装 @vue/composition-api npm install @vue/composition-api 2. 使用示例: <template> ...
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 ...
vue 2 的写法 vue3 同理自己改造。 记得一定放在public 文件夹下 下面代码 <template> <el-button type="primary" @click="downWord">下载文档</el-button> <vue-office-docx :src="docx" style="height: 100%; overflow-y: auto" @rendered="renderedHandler" @error="errorHandler" /> </template...
npm install @vue-office/docx vue-demi@0.13.11 1. 2. 如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。 复制 npm install @vue/composition-api/ 1. 使用文件的网络地址预览代码: 复制 <template> <vue-office-docx :src="docx" style="height: 100vh;" @rendered="rendered" /> </templ...
vue-office,一个支持多种文件docx、excel、pdf预览的vue组件库,作者hit757。这个库不仅能支持vue2/3,也支持非Vue框架的预览使用。 先看一下线上演示效果,如果实现效果与项目使用不符,为节约朋友们时间,可自行选择是否向下阅读。演示地址:https://501351981.github.io/vue-office/examples/dist/#/docx。
vue-office 的用法vue-office是一个基于Vue.js的组件库,它支持多种文件(docx、.xlsx、pdf)预览,且同时兼容vue2和vue3。其旨在提供一站式的解决方案,使用户无需使用其他复杂的工具或库就能实现文档在线预览。 在vue项目中使用vue-office,首先需要安装相应的包。对于docx文档预览,可以使用npm install @vue-office/...
vue-office vue-office支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3,也支持非Vue框架的预览。 特点 一站式:提供word(.docx)、pdf、excel(.xlsx, .xls)多种文档在线预览 简单:只需提供文档的src(网络地址、本地地址)即可完成文档预览 ...
VueOfficeDocx是一个Vue.js组件库,用于在 Vue.js 应用程序中创建和编辑 Microsoft Word 文档(.docx)。下面是一些常见的属性和知识点以及它们的用法: 一、安装包 使用终端命令安装包 //docx文档预览组件 npm install @vue-office/docx //excel文档预览组件 ...
样式还原: 除了展示内容以外,vue-office还支持文档样式的还原,最大限度地保持了Office文档的原貌,提升了用户体验。 对于开发者而言,如何快速实现vue-office的集成尤为重要。以下是简要的安装和使用示例: npm install @vue-office/docx vue-demi # Word文档预览组件 npm install @vue-office/excel vue-demi # Excel...
vue-office 支持多种文件(docx、pdf、excel)预览的vue组件套装,支持vue2/3。 查看demo演示 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单:只需提供文档的src(网络地址)即可完成文档预览 体验好:选择每个文档的最佳预览方案,保证用户体验和性能都达到最佳状态...