Vue中如何解析docx文件(word文档)

**第三方库**

vue-office-docx

**文档地址**

xlsx文件预览 | vue-office (501351981.github.io)

1.安装vue-office-docx

Npm install @vue-office/docx

yarn add  @vue-office/docx

2.引入

//引入VueOfficeDocx组件
import VueOfficeDocx from '@vue-office/docx'
//引入相关样式
import '@vue-office/docx/lib/index.css'

3.完整代码

<template>
    <div class="box">
        <vue-office-docx :src="docx"></vue-office-docx>
    </div>
</template>
<script setup>
import {ref} from 'vue'
//引入VueOfficeDocx组件
import VueOfficeDocx from '@vue-office/docx'
//引入相关样式
import '@vue-office/docx/lib/index.css'

const docx = ref('/word/xxxxxxx.docx')  //引入docx文件
</script>