vue-office 是一个复古多种文献预览的 vue 插件器具库,复古 word、excel、pdf 等各样型 office 文献,复古 vue2、vue3 以过头他非 vue 框架端的预览幼女秀场,复古在线地址预览、上传文献预览。
图片
在线预览:
图片
插件装配:
色狗// docx文档预览组件npm install @vue-office/docx vue-demi// excel文档预览组件npm install @vue-office/excel vue-demi// pdf文档预览组件npm install @vue-office/pdf vue-demivue 中使用:
<template> <vue-office-docx :src='docx' style='height: 100vh;' @rendered='renderedHandler' @error='errorHandler' /></template><script>import VueOfficeDocx from '@vue-office/docx'import '@vue-office/docx/lib/index.css'export default { components: { VueOfficeDocx }, data() { return { docx: 'xxx.docx' //诞生文档荟萃地址,不错是相对地址 } }, methods: { renderedHandler() { console.log('渲染完成') }, errorHandler() { console.log('渲染失败') } }}</script>
其他花样使用:
// npmnpm i @js-preview/docximport jsPreviewDocx from '@js-preview/docx';import '@js-preview/docx/lib/index.css'// initconst myDocxPreviewer = jsPreviewDocx.init(document.getElementById('docx'));myDocxPreviewer.preview('xxx.docx').then(res=>{ console.log('预览完成');}).catch(e=>{ console.log('预览失败', e);})功能和特色:复古 word、excel、pdf 等各样型 office 文献预览。
复古在线连系地址文献预览,复古上传文献预览, 不错认知 ArrayBuffer、Blob 等多种顺次。
复古多样文献顺次关系设置幼女秀场,比如渲染行数、列数、宽、高档等多样样貌,复古事件监听功能。
本站仅提供存储干事,扫数实践均由用户发布,如发现存害或侵权实践,请点击举报。