vue3预览docx和excel【vue-office-docx和excel】

docx文档预览组件

pnpm install @vue-office/docx

<template>
  <vue-office-docx :src="docx" @rendered="rendered" />
</template>
<script setup>
import VueOfficeDocx from '@vue-office/docx';
const docx = 'http://static.shanhuxueyuan.com/test6.docx';
const rendered = () => {
  console.log("渲染完成");
};
</script>

 excel文档预览组件

pnpm install @vue-office/excel

<template>
  <vue-office-excel :src="excel" @rendered="rendered" />
</template>
<script setup>
import VueOfficeExcel from '@vue-office/excel';
import '@vue-office/excel/lib/index.css';
const excel = 'http://static.shanhuxueyuan.com/demo/excel.xlsx';
const rendered = () => {
  console.log("渲染完成");
};
</script>