vue 使用vue-pdf 预览pdf

以下是使用vue-pdf预览pdf的步骤：

1.首先，安装vue-pdf。可以使用npm进行安装，命令如下：

npm install --save vue-pdf

2.在需要使用vue-pdf的组件中，引入vue-pdf并注册组件。代码如下：

<template>
  <div>
    <pdf :src="pdfUrl"></pdf>
  </div>
</template>

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

export default {
  components: {
    pdf
  },
  data () {
    return {
      pdfUrl: 'your_pdf_url'
    }
  }
}
</script>

3.在data中定义pdfUrl变量，将其赋值为需要预览的pdf文件的url。

4.在template中，使用pdf组件，并将pdfUrl作为src属性传入。

5.最后，就可以在页面中预览pdf文件了。