Install

npm install vue-pdfviewer -S

Quick Start

//template
 <pdfviewer @closepdf="closepdf" v-model="isshowpdf" :pdfurl="pdfurls" @pdferr="pdferr" :maxscale='4' :minscale='0.6' :scale='1.1'></vueshowpdf>
 
//javascript
import pdfviewer from 'vue-pdfviewer'

export default {
    data:{
        return:{
             pdfurls:'//cdn.mozilla.net/pdfjs/tracemonkey.pdf',
             isshowpdf:false
        }
       
    },
    methods:{
        closepdf(){
            this.isshowpdf = false
        },
        pdferr(errurl) {
            console.log(errurl);
        }
    },
    components:{
        pdfviewer
    }

 }

参数说明

• closepdf 是关闭pdf的时候的出发的函数
• v-model 是否显示pdf
• pdfurl pdf的文件地址
• pdferr 文件地址解析错误时触发的函数 返回错误的pdf地址
• maxscale 最大放大倍数 默认 2
• minscale 最小放大倍数 默认 0.8
• scale 默认放大倍数 默认1.2
• desiredWidth 默认画布宽度(不能与scale共用)