vue使用vue-pdf

Vue.js 是一个流行的 JavaScript 框架，而 vue-pdf 则是一个用于在 Vue.js 中展示 PDF 文件的插件。要在 Vue.js 中使用 vue-pdf，你可以按照以下步骤进行操作：

1. 首先，通过 npm 或者 yarn 安装 vue-pdf：

npm install vue-pdf

或者

yarn add vue-pdf

2. 在你的 Vue 组件中导入 vue-pdf：

import VuePdf from 'vue-pdf';

3. 在你的 Vue 组件中使用 vue-pdf：

<template>
  <div>
    <vue-pdf :src="pdfUrl" :page="1" :rotate="0" :scale="1"></vue-pdf>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pdfUrl: '/path/to/your/pdf/file.pdf'
    };
  }
};
</script>

在上面的代码中，你需要将 `pdfUrl` 替换为你实际的 PDF 文件路径。你可以根据需要调整其他属性，如 `page`（指定初始页面）、`rotate`（指定旋转角度）和 `scale`（指定缩放比例）。

4. 运行你的 Vue.js 应用，你应该能够在页面上看到 PDF 文件的内容了。

这就是使用 vue-pdf 在 Vue.js 中展示 PDF 文件的基本步骤。希望能对你有所帮助！