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库,可以遵循以下步骤: 1. 确认vue-office库与Vue2的兼容性 vue-office库支持Vue 2,但需要注意的是,如果你的Vue版本低于2.6,可能需要额外安装@vue/composition-api来支持Vue Composition API。 2. 安装并引入vue-office库到Vue2项目中 首先,通过npm安装所需的vue-office组件库。例如,要...
ref="videoPlayer" style="max-width:100%;max-height: 500px;"/> <van-onky-office v-else :option="option"/> </el-dialog> </template> import vanOnkyOffice from "@/components/VanOnkyOffice/vanOnkyOffice.vue"; import {getDetailOffice} from "@/api/eight/report"; import {saveExamine} f...
<vue-office-docx :src="docx" @rendered="rendered"/> </template> //引入VueOfficeDocx组件 import VueOfficeDocx from '@vue-office/docx' //引入相关样式 import '@vue-office/docx/lib/index.css' export default { components:{ VueOfficeDocx }, data(){ return { docx: 'http://static.shanhu...
原文转载:https://github.com/501351981/vue-office vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。 《演示效果》 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单
vue-office,一个支持多种文件docx、excel、pdf预览的vue组件库,作者hit757。这个库不仅能支持vue2/3,也支持非Vue框架的预览使用。 先看一下线上演示效果,如果实现效果与项目使用不符,为节约朋友们时间,可自行选择是否向下阅读。演示地址:https://501351981.github.io/vue-office/examples/dist/#/docx。 如果朋友...
Vue-office,一个支持多种文件Docx、Excel、Pdf预览的Vue组件库,作者hit757。这个库不仅能支持vue2/3,也支持非Vue框架的预览使用。 1. 需求分析 当我们在做文件预览功能时,往往会遇到一种糟糕的情况。 就是每预览一种类型的文件,就需要重新安装、配置、编写一个新的库来实现,很麻烦,也很繁琐。
vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。 《演示效果》 《使用非Vue框架(原生js、React等)、或者Vue里面报错,看这里》 《详细配置》 功能特色 一站式:提供word(.docx)、pdf、excel(.xlsx, .xls)多种文档的在线预览方案,有它就够了 简单:只需提供文...
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", }); /* * 在浏览器中,使用URL.createObjectURL()方法来创建Blob URL,该方法接收一个Blob对象, * 并为其创建一个唯一的URL */ const url = window.URL.createObjectURL(blob); ...
1. 安装依赖 安装完依赖就直接看第二步,官网现在是vue3 + ts + Onlyoffice结合 Onlyoffice官网:https://api.onlyoffice.com/editors/vue 若报版本错误:可以尝试npm install --save @onlyoffice/document-editor-vue --legacy-peer-deps 2. 在vue项目中定义两个文件 ...