时事新闻热点事件_如何做一份营销策划方案_semantics_seo站长网怎么下载

**第三方库**

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>