vue前端js實現(xiàn)預覽word文檔需求docx-preview方式
更新時間：2026年05月18日 16:29:09 作者：瑕疵?
文章簡要介紹了使用插件docx-preview的步驟,首先需要通過npm進行安裝,在預覽時使用官方提供的文檔,本文內(nèi)容較為簡略,主要是分享安裝和使用過程,供其他開發(fā)者參考
vue前端js實現(xiàn)預覽word文檔需求docx-preview
首先需要npm
安裝 插件 docx-preview
npm i docx-preview -s
引入
let docx = require('docx-preview');
然后在預覽文件時
使用
docx.renderAsync(blob, dom)//blob格式數(shù)據(jù) dom //如果出現(xiàn) innerhtml的問題 則需要進行處理 確保dom已經(jīng)被渲染 //如果出現(xiàn) blobSize的問題 則更有可能是文件有問題 后端返回文件
官方文檔：docx-preview
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
VUE table表格動態(tài)添加一列數(shù)據(jù),新增的這些數(shù)據(jù)不可以編輯（v-model綁定的數(shù)據(jù)不能實時更新）
這篇文章主要介紹了VUE table表格動態(tài)添加一列數(shù)據(jù),新增的這些數(shù)據(jù)不可以編輯（v-model綁定的數(shù)據(jù)不能實時更新）,本文通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2020-04-04
毫無疑問,組件通訊是Vue中非常重要的技術(shù)之一,它的出現(xiàn)能夠使我們非常方便的在不同組件之間進行數(shù)據(jù)的傳遞,以達到數(shù)據(jù)交互的效果,所以,學習組件通訊技術(shù)是非常有必要的,本文將一次解決Vue3中組件通訊的全部方式,總有你想要的那一種,需要的朋友可以參考下2024-09-09
Vue中使用localStorage存儲token并設(shè)置時效
這篇文章主要為大家介紹了Vue中使用localStorage存儲token并設(shè)置時效，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要給大家介紹了關(guān)于你不可不知的Vue.js列表渲染的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Vue.js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-10-10
這篇文章主要介紹了antd table按表格里的日期去排序操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
Vue3+TypeScript+Vite服務端渲染項目的實現(xiàn)
本文主要介紹了Vue3+TypeScript+Vite服務端渲染項目的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-09-09
在Vue中使用xlsx庫可以幫助我們讀取和寫入Excel文件,下面這篇文章主要給大家介紹了關(guān)于vue中如何使用xlsx讀取excel文件的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12
詳解如何在 vue 項目里正確地引用 jquery 和 jquery-ui的插件
本篇文章主要介紹了詳解如何在 vue 項目里正確地引用 jquery 和 jquery-ui的插件，具有一定的參考價值，有興趣的可以了解一下2017-06-06
今天小編就為大家分享一篇vue獲取form表單的值示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
在Vue3中使用CSS Modules實現(xiàn)樣式隔離
隨著構(gòu)建現(xiàn)代前端應用的需要,樣式的管理和隔離變得越來越重要,為了解決樣式?jīng)_突和管理困難的問題,CSS Modules 應運而生,本文我們將討論如何在 Vue3 中使用 CSS Modules 實現(xiàn)樣式隔離,需要的朋友可以參考下2024-09-09