vue3实现pdf、ppt、word展示

在Vue3中实现PDF、PPT、Word文件的展示可以使用现有的开源库来实现。以下是使用vue-pdf、vue-ppt和vue-doc-preview库的示例代码：

安装依赖库：

npm install vue-pdf vue-ppt vue-doc-preview

在Vue组件中引入所需的库：

<template>
  <div>
    <vue-pdf :src="pdfUrl"></vue-pdf>
    <vue-ppt :src="pptUrl"></vue-ppt>
    <vue-doc-preview :src="docUrl"></vue-doc-preview>
  </div>
</template>

<script>
  import VuePdf from 'vue-pdf';
  import VuePpt from 'vue-ppt';
  import VueDocPreview from 'vue-doc-preview';

  export default {
    components: {
      VuePdf,
      VuePpt,
      VueDocPreview
    },
    data() {
      return {
        pdfUrl: 'path/to/pdf/file.pdf',
        pptUrl: 'path/to/ppt/file.ppt',
        docUrl: 'path/to/doc/file.doc'
      };
    }
  };
</script>

确保你已经将PDF、PPT和Word文件放置在正确的路径下，并将路径分配给相应的变量（pdfUrl、pptUrl、docUrl）。

以上示例代码将在Vue组件中展示PDF、PPT和Word文件。请确保你已经正确引入所需的库，并根据实际需求设置文件的路径