vue 预览docx文件

使用docx-preview包来实现

1，下载

npm install docx-preview

2，html内容

<div ref="file" class="files" style="width: 100%;"></div>

3，js内容

import {renderAsync } from "docx-preview"; //引入renderAsync 方法

async loadDocx() {
    //  debugger
      await axios.get('./czy.docx', { responseType: 'blob' }).then(res => {
        // debugger
        if(res.status === 200) {
          // debugger
          let bodyContainer = this.$refs.file
          renderAsync(
                   res.data, // Blob | ArrayBuffer | Uint8Array, 可以是 JSZip.loadAsync 支持的任何类型
                   bodyContainer, // HTMLElement 渲染文档内容的元素,
                   null, // HTMLElement, 用于呈现文档样式、数字、字体的元素。如果为 null，则将使用 bodyContainer。
                   this.docxOptions // 配置
               )
        }
      })
    }