Vue PDF预览

vueshowpdf 

Install

   
   

    
    npm install vueshowpdf -S
   
   

Quick Start

   
   

    
    //template 
   
   
   
   

    
     <vueshowpdf @closepdf="closepdf" v-show="isshowpdf" :pdfurl="pdfurls" @pdferr="pdferr" :maxscale='4' :minscale='0.6' :scale='1.1' ></vueshowpdf>
   
   
   
   

    
     
   
   
   
   

    
    //javascript 
   
   
   
   

    
    import vueshowpdf from 'vueshowpdf'
   
   
   
   

    
     
   
   
   
   

    
    export default {
   
   
   
   

    
        data:{
   
   
   
   

    
            return:{
   
   
   
   

    
                 pdfurls:'//cdn.mozilla.net/pdfjs/tracemonkey.pdf',
   
   
   
   

    
                 isshowpdf:false
   
   
   
   

    
            }
   
   
   
   

    
           
   
   
   
   

    
        },
   
   
   
   

    
        methods:{
   
   
   
   

    
            closepdf(){
   
   
   
   

    
                this.isshowpdf = false
   
   
   
   

    
            },
   
   
   
   

    
            pdferr(errurl) {
   
   
   
   

    
                console.log(errurl);
   
   
   
   

    
            }
   
   
   
   

    
        },
   
   
   
   

    
        components:{
   
   
   
   

    
            vueshowpdf
   
   
   
   

    
        }
   
   
   
   

    
     
   
   
   
   

    
     }