import VueOfficeDocx from "@vue-office/docx"; import "@vue-office/docx/lib/index.css"; const activeName = ref("1"); const src = ref(""); onMounted(() => { getUrl(); }); const getUrl = async () => { try { const response = await fetch("/agreement.docx"); if (!response...
在Vue 2 中使用 vue-office 库,你可以按照以下步骤进行: 确认vue-office库的版本与Vue2的兼容性: 根据搜索到的信息,vue-office 库支持 Vue 2。但是,需要注意的是,如果你的 Vue 版本低于 2.6,可能需要额外安装 @vue/composition-api 来支持 Vue Composition API。 安装vue-office库: 使用npm 安装所需的 ...
留香/vue-office forked from叶继增/vue-office 确定同步? 同步操作将从叶继增/vue-office强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!! 确定后同步将在后台操作,完成时将刷新页面,请耐心等待。 删除在远程仓库中不存在的分支和标签 ...
<template> <vue-office-excel :src="excel" style="height: 100vh;" @rendered="renderedHandler" @error="errorHandler" /> </template> //引入VueOfficeExcel组件 import VueOfficeExcel from '@vue-office/excel' //引入相关样式 import '@vue-office/excel/lib/index.css' export default { components...
import '@vue-office/docx/lib/index.css' export default { components:{ VueOfficeDocx }, data(){ return { docx: 'http://static.shanhuxueyuan.com/test6.docx' //设置文档网络地址,可以是相对地址 } }, methods:{ rendered(){ console.log("渲染完成") ...
//引入VueOfficeExcel组件 import VueOfficeExcel from '@vue-office/excel' //引入相关样式 import '@vue-office/excel/lib/index.css' 2.4 vue-office预览pdf文件使用 安装依赖: #pdf文档预览组件 npm install @vue-office/pdf vue-demi@0.13.11 如果是vue2.6版本或以下还需要额外安装 @vue/composition-api...
vue-office,一个支持多种文件docx、excel、pdf预览的vue组件库,作者hit757。这个库不仅能支持vue2/3,也支持非Vue框架的预览使用。先看一下线上演示效果,如果实现效果与项目使用不符,为节约朋友们时间,可自行选择是否向下阅读。演示地址:https://501351981.github.io/vue-office/examples/dist/#/...
<template> <vue-office-docx :src="docx" style="height: 100vh;" @rendered="rendered" /> </template> //引入VueOfficeDocx组件 import VueOfficeDocx from '@vue-office/docx' //引入相关样式 import '@vue-office/docx/lib/index.css' export default { components:{ VueOfficeDocx }, data(){ ...
PPT:@vue-office/pptx PDF:pdfjs-dist(MozillaPDF.js) 开发工具: Vue CLI Babel ESLint 技术方案说明 PDF 预览方案 本项目选择使用 Mozilla 的 PDF.js(pdfjs-dist)而不是 @vue-office/pdf 的原因: 功能完整性: PDF.js 是 Mozilla 维护的成熟方案,功能更加完整 ...
解决excel和docx预览的问题npminstall@vue-office/docx vue-demi@0.14.6npminstall@vue-office/excel vue-demi@0.14.6npminstall@vue/composition-api 使用方法 前端: 页面引入组件: import VueOfficeDocx from '@vue-office/docx' import Pdfh5 from "pdfh5"; ...