Vue 引入PDF文件预览，可下载，插件vue-pdf

最近的一个项目中用到了读取本地文件PDF，先是用了PDF 组件， 没有达到想要的效果，后来查找官网用iframe标签来替代PDF 组件， 达到想要的效果了， 

1、第一步先安装 vue-pdf插件

在命令行中输入： npm install --save vue-pdf

 2、第二步， 在需要的页面引入vue-pdf

<template>
  <div class="pdf" style="width: 100%; height: 100%">
    <iframe :src="src" frameborder="0" style="width: 100%; height: 100%"></iframe>
  </div>
</template>
<script>
  import pdf from 'vue-pdf';
  export default {
    data() {
      src: '../test.pdf'
    },
    components: {
      pdf
    },
  }

</script>

<style>

</style>

　　

　　OK 完成