vue前端js实现预览word文档需求docx-preview方式

更新时间：2026年05月18日 16:29:09 作者：瑕疵

文章简要介绍了使用插件docx-preview的步骤,首先需要通过npm进行安装,在预览时使用官方提供的文档,本文内容较为简略,主要是分享安装和使用过程,供其他开发者参考

vue前端js实现预览word文档需求docx-preview

首先需要npm

安装插件 docx-preview

npm i docx-preview -s

引入

let docx = require('docx-preview');

然后在预览文件时

使用

 docx.renderAsync(blob, dom)//blob格式数据 dom  
 //如果出现 innerhtml的问题 则需要进行处理 确保dom已经被渲染 
 //如果出现 blobSize的问题 则更有可能是文件有问题 后端返回文件

官方文档：docx-preview

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

VUE table表格动态添加一列数据,新增的这些数据不可以编辑（v-model绑定的数据不能实时更新）
这篇文章主要介绍了VUE table表格动态添加一列数据,新增的这些数据不可以编辑（v-model绑定的数据不能实时更新）,本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下
2020-04-04
一次搞清Vue3中组件通讯的全部方式
毫无疑问,组件通讯是Vue中非常重要的技术之一,它的出现能够使我们非常方便的在不同组件之间进行数据的传递,以达到数据交互的效果,所以,学习组件通讯技术是非常有必要的,本文将一次解决Vue3中组件通讯的全部方式,总有你想要的那一种,需要的朋友可以参考下
2024-09-09
Vue中使用localStorage存储token并设置时效
这篇文章主要为大家介绍了Vue中使用localStorage存储token并设置时效，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-06-06
你不可不知的Vue.js列表渲染详解
这篇文章主要给大家介绍了关于你不可不知的Vue.js列表渲染的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-10-10
antd table按表格里的日期去排序操作
这篇文章主要介绍了antd table按表格里的日期去排序操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
Vue3+TypeScript+Vite服务端渲染项目的实现
本文主要介绍了Vue3+TypeScript+Vite服务端渲染项目的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2025-09-09
vue中如何使用xlsx读取excel文件实例代码
在Vue中使用xlsx库可以帮助我们读取和写入Excel文件,下面这篇文章主要给大家介绍了关于vue中如何使用xlsx读取excel文件的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
2023-12-12
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件，具有一定的参考价值，有兴趣的可以了解一下
2017-06-06
vue获取form表单的值示例
今天小编就为大家分享一篇vue获取form表单的值示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-10-10
在Vue3中使用CSS Modules实现样式隔离
随着构建现代前端应用的需要,样式的管理和隔离变得越来越重要,为了解决样式冲突和管理困难的问题,CSS Modules 应运而生,本文我们将讨论如何在 Vue3 中使用 CSS Modules 实现样式隔离,需要的朋友可以参考下
2024-09-09