vue 2使用vue-office/iframe/PPTXjs 实现预览xls/xlsx/docx/pdf/pptx/txt

在Vue 2中，可以使用vue-office库结合PPTXjs来实现对xls/xlsx/docx/pdf/pptx/txt文件的预览。首先需要安装这些依赖：

npm install vue-office pptxjs

然后在Vue组件中使用它们：

<template>
  <div>
    <vue-office
      :src="fileSrc"
      :style="{ width: '100%', height: '600px' }"
    ></vue-office>
  </div>
</template>
 
<script>
import VueOffice from 'vue-office'
import PPTXjs from 'pptxjs'
 
export default {
  components: {
    VueOffice
  },
  data() {
    return {
      fileSrc: 'path/to/your/file.pptx'
    }
  },
  mounted() {
    if (this.fileSrc.endsWith('.pptx')) {
      const pptx = new PPTXjs();
      pptx.setLicenseKey('YOUR_LICENSE_KEY'); // 设置PowerPoint在线版本的许可证密钥
      pptx.config.container = this.$refs.pptContainer;
      pptx.embed(this.fileSrc);
    }
  }
}
</script>

请确保替换fileSrc中的文件路径为实际文件路径，并且如果是.pptx文件，需要有效的PowerPoint在线版本许可证密钥。

注意：vue-office组件是用于在Vue中嵌入Office文档的，而PPTXjs是用来在网页上嵌入PowerPoint幻灯片的。如果需要预览其他类型的文件，可能需要使用其他库或者解决方案。