最近在使用vue-pdf踩了几个坑
1 安装
cnpm install vue-pdf --save
2. 使用
<pdf v-for="i in numPages" :key="i" :src="articleUrl" :page="i"> </pdf>3. 在加载多页pdf时只显示一页 如果时服务器地址的话https 要换成http
pdfTask(articleUrl){ // var pdfUrl = 'http://slhb.oss-cn-hangzhou.aliyuncs.com/pdf/'+articleUrl +'.pdf'; var pdfUrl = articleUrl.replace('https','http') var self = this var loadingTask = pdf.createLoadingTask(pdfUrl) loadingTask.then(pdf => { self.pdfUrl = loadingTask self.numPages = pdf.numPages }).catch((err) => { console.error('pdf加载失败') }) },4. 加载本地pdf加载不出来可能是pdf 本身格式有问题 但同一pdf在服务器就可以加载
