1、npm安装插件

npm i docx-preview


2、index.html文件引入 

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

3、应用实例

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

<script>
import axios from 'axios'
let docx = require('docx-preview');
export default {
  mounted(){
    axios({
      method: 'get',
      responseType: 'blob', // 设置响应文件格式
      url: '',// 接口地址
    }).then(({data}) => {
      docx.renderAsync(data,this.$refs.file) // 获取到biob文件流,进行渲染到页面预览
    })
  }
}
</script>
Logo

前往低代码交流专区

更多推荐