vue中预览pdf和word

项目中常常需要对文档进行预览，之前的方案是转换成pdf后，在页面中进行预览或者下载到本地由浏览器打开进行预览和打印。

最近发现一个更好的插件，其功能是pdf和word预览，安装和使用步骤如下：

安装

npm install vue-office --save

使用一，pdf

<template>

  <div class="pdf-viewer">

    <VueOfficePdf :file="pdfFile" />

  </div>

</template>

<script>

import VueOfficePdf from 'vue-office/pdf';

export default {

  components: { VueOfficePdf },

  data() {

    return {

      pdfFile: 'https://example.com/document.pdf' // PDF 文件 URL

    };

  }

};

</script>

使用二，word

<template>

  <div class="word-viewer">

    <VueOfficeWord :file="wordFile" />

  </div>

</template>

<script>

import VueOfficeWord from 'vue-office/word';

export default {

  components: { VueOfficeWord },

  data() {

    return {

      wordFile: 'https://example.com/document.docx' // Word 文件 URL

    };

  }

};

</script>