网上关于pdf预览和下载的方法非常多，我找了很久，发现很多文章都写的比较繁琐，看的很是头疼，最后我用了最简单的一种。

首先需要下载pdf.js

https://github.com/hutingting119/PDF.js（找到static下面的pdf文件夹，整个考到自己的static中）

接下来在组件中写代码

<template>
  <div>
    <!--<iframe :src="url" width="100%" height="100%"></iframe>-->
    <button @click="checkLocal">查看pdf</button>
  </div>
</template>
<script>
  export default {
    name: 'page-one',
    data () {
      return {
        fileUrl: '',
        showPdf: true
      }
    },
    methods: {
      checkLocal () {
        let url = '/cpicwechat/static/22.pdf'
        window.open('/cpicwechat/static/pdf/web/viewer.html?file=' + url)
      }
    }
  }
</script>

 最后要注意，如果后端返回的是url,需要在url后加&.pdf