word预览方式---插件，vue-office-docx、docx-preview、mammoth.js

提示：word预览方式—插件

前言

word预览

一、vue-office-docx

npm install vue-office-docx -S-D

officeDocx.vue

<template>
    <div class="preview_box">
      <VueOfficeDocx :src="htmlContent"></VueOfficeDocx>
    </div>
  </template>
  
  <script>
  import axios from 'axios'
  import VueOfficeDocx from '@vue-office/docx'
  //引入相关样式
  import '@vue-office/docx/lib/index.css';

  
  export default {
   
    name: 'preview',
    components:{
   VueOfficeDocx},
    data () {
   
      return {
   
        src:`.docx文件rul`,
        htmlContent:''
      }
    },
    mounted(){
   
      this.docToHtml()