当前位置: 首页 > article >正文

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>

http://www.kler.cn/a/372693.html

相关文章:

  • VSCode最新离线插件拓展下载方式
  • 语音技术在播客领域的应用(2)
  • Mysql 主从复制原理及其工作过程,配置一主两从实验
  • SpringCloud nacos 2.0.0 + seata 2.0.0
  • [手机Linux] 七,NextCloud优化设置
  • K8s学习
  • 零跑汽车嵌入式面试题汇总及参考答案
  • 如何理解Js中闭包
  • LeetCode 242 - 有效的字母异位词
  • (done) 什么 RPC 协议? remote procedure call 远程调用协议
  • Comsol基于亥姆霍兹声学超材料的通风式低频吸声器
  • 【Linux】文件切割排序 cut sort
  • 微信小程序元素水平居中或垂直居中
  • vue打包项目直接输出压缩包,方便部署线上
  • HCIP-HarmonyOS Application Developer V1.0 笔记(二)
  • 问题记录01
  • Oracle视频基础1_1.1练习
  • C# 企业微信机器人推送消息 windows服务应用程序的使用
  • ComfyUI - ComfyUI 工作流中集成 SAM2 + GroundingDINO 处理图像与视频 教程
  • docker-高级(待补图)
  • 百度SEO中的关键词密度与内容优化研究【百度SEO专家】
  • 职业技术学校新出路,无人机飞手考证、组装、调试全面提高市场就业率
  • Qt:信号和槽
  • leetcode动态规划(二十三)-打家劫舍III
  • 【Python学习计算机知识储备】
  • 如何从多个方面进行oracle数据库存储过程优化?