vue调用手机浏览器打开pdf_vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法...

目前大多数PC浏览器支持在线预览pdf文件，但大多数手机浏览器还未支持，尝试用手机浏览器打开一个pdf文件会弹出是否下载的提示框。网上查了一些资料，在实现的过程中，还是走了比较多的弯路，最后采用了备受推荐的pdf.js插件来实现。

pdf.js可以从github上clone下来，然后本地gulp生成可用的pdf.js和pdf.worker.js(参考readme即可)。

不过更简单的方法是使用cnpm来安装： cnpm isntall --save pdfjs-dist，然后可以在项目中使用了，我使用插件的方式。具体使用示例：

pdf.vue

上一页下一页

import PDFJS from 'pdfjs-dist'

export default {

data () {

return {

pdfDoc: null,

pageNum: 1,

pageRendering: false,

pageNumPending: null,

scale: 0.9

}

},

methods: {

showPDF (url) {

let _this = this

PDFJS.getDocument(url).then(function (pdf) {

_this.pdfDoc = pdf

_this.renderPage(1)

})

},

renderPage (num) {