vue-doc-preview示例代码

以下是一个使用vue-doc-preview组件的示例代码：

<template>
  <div>
    <h2>Document Preview</h2>
    <vue-doc-preview :src="documentUrl" :type="documentType" :options="documentOptions" />
  </div>
</template>

<script>
import VueDocPreview from 'vue-doc-preview';

export default {
  name: 'DocumentPreview',
  components: {
    VueDocPreview,
  },
  data() {
    return {
      documentUrl: 'https://example.com/document.pdf',
      documentType: 'pdf',
      documentOptions: {
        // 配置选项
      }
    }
  },
}
</script>

在上面的示例代码中，我们使用了 `vue-doc-preview` 组件来展示一个文档。需要注意的是，需要先安装 `vue-doc-preview` 组件。在 `data` 函数中，我们定义了三个变量：

- `documentUrl`：需要展示的文档的 URL 地址。
- `documentType`：需要展示的文档类型，支持的类型包括：`pdf`、`doc`、`docx`、`xls`、`xlsx`、`ppt`、`pptx`、`txt`。
- `documentOptions`：配置选项，可以根据需要进行配置。

在模板中，我们使用 `vue-doc-preview` 组件，并将上面定义的变量传递给组件的属性。