乐趣区

关于javascript:vue-预览word文件docx

1、npm 装置插件
npm i docx-preview
2、模板

<template>
  <div class="home">
    <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: '/docx',
    }).then(({data}) => {docx.renderAsync(data,this.$refs.file) // 渲染到页面预览
    })
  }
}
</script>
退出移动版