vue 预览word

引入插件 npm i docx-preview

html

<template>
  <div class="content">
    <div ref="file" />
  </div>
</template>

引入jszipmin.js

<script src="https://unpkg.com/jszip/dist/jszip.min.js"></script>

引入docx-preview 引入接口

import { sendInfo } from '@/api/user'
var docx = require('docx-preview')

调用方法

  mounted () {
    this.getWordText()
  },
  // 组件方法
  methods: {
    getWordText() {
    //   const docx = require('docx-preview')
      sendInfo({ lcuId: this.$route.query.lcuid }).then(res => {
        console.log(res.data)
        docx.renderAsync(res.data, this.$refs.file) // 获取到biob文件流，进行渲染到页面预览
        console.log(docx.renderAsync(res.data, this.$refs.file))
      })
    }
  }