vue怎么显示pdf文件

在Vue中显示PDF文件有几种方法，以下是其中两种常见的方法：

1. 使用`<embed>`标签：可以在Vue模板中使用`<embed>`标签来嵌入PDF文件。首先，确保你的Vue组件中引入了PDF文件的路径。然后，在模板中使用以下代码：

<template>
  <div>
    <embed :src="pdfPath" type="application/pdf" width="100%" height="600px" />
  </div>
</template>

在上面的代码中，`pdfPath`是你的PDF文件路径，可以在Vue组件的`data`属性中定义。

2. 使用第三方库：你也可以使用一些第三方库来显示PDF文件，例如`vue-pdf`。首先，安装该库：

npm install vue-pdf

然后，在你的Vue组件中引入并使用该库：

<template>
  <div>
    <pdf :src="pdfPath" :page="1" :rotation="90" :show-toolbar="true" />
  </div>
</template>

<script>
import { pdf } from 'vue-pdf';

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

在上面的代码中，`pdfPath`是你的PDF文件路径。你还可以根据需要设置其他属性，例如显示的页数、旋转度数和工具栏的显示。

这些方法都能够在Vue中显示PDF文件，选择其中一种方法即可根据你的需求进行实现。