vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库

vue-office 是一个用于在 Vue 应用程序中预览各种文档格式的组件库，支持 docx、excel 和 pdf 文件。

首先，确保你已经安装了 vue-office：

npm install vue-office

然后，你可以在你的 Vue 应用程序中注册并使用它：

import Vue from 'vue';
import VueOffice from 'vue-office';
 
Vue.use(VueOffice);

接下来，你可以在你的组件中这样使用它：

<template>
  <div>
    <vue-office src="path/to/your/document.docx"></vue-office>
  </div>
</template>
 
<script>
export default {
  // Your component options here
};
</script>

请注意，src 属性应该是文件的路径，可以是本地路径或者远程URL。

如果你需要更多定制化的需求，vue-office 提供了一些属性和事件，你可以通过它们来控制文档的显示和响应用户的交互。

例如，你可以通过监听 loaded 事件来知道文档何时被加载：

<template>
  <div>
    <vue-office src="path/to/your/document.docx" @loaded="onDocumentLoaded"></vue-office>
  </div>
</template>
 
<script>
export default {
  methods: {
    onDocumentLoaded() {
      console.log('Document loaded');
    }
  }
};
</script>

以上是使用 vue-office 组件库的基本方法。具体的使用可能会根据你的项目需求和 vue-office 的版本而有所不同。如果你需要更详细的信息，请查阅 vue-office 的官方文档。