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

最新推荐文章于 2025-06-10 16:46:57 发布

longlongago~~

最新推荐文章于 2025-06-10 16:46:57 发布

阅读量4.3k

点赞数 17

CC 4.0 BY-SA版权

分类专栏： office预览和打印文章标签： javascript word vue.js

本文链接：https://blog.csdn.net/weixin_44434938/article/details/140849618

提示：word预览方式—插件

文章目录

@[TOC](文章目录)

前言

一、vue-office-docx

二、docx-preview

三、mammoth.js

总结

前言

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();