vue2pdf在线预览移动端无法查看

问题:最开始使用frame写的,但是在PC端可以,在移动端无法预览,提示要下载。为解决此问题,使用了vue-pdf插件。

  1. npm i vue-pdf 安装插件

javascript 复制代码
<div>
    <pdf v-for="item in numPages" :key="item" :src="pdfSrc" :page="item" ref="pdf" 
      style="display: inline-block;width: 100%;">
    </pdf>
</div>

<script>
data(){
    pdfSrc:"",//路径
    numPages: null, // pdf 总页数
}
methods:{
    getNumPages() {
            let loadingTask = pdf.createLoadingTask(this.pdfSrc)
            loadingTask.promise.then(pdf => {   
                this.numPages = pdf._pdfInfo.numPages//这里是页码,可能赋值不一样,可以打印看一下
                console.log("pdf",pdf,this.numPages)
            }).catch(err => {
                console.error('pdf 加载失败', err);
            })
    },
}
</script>
<style>
div {
    overflow:auto;
}
</style>
相关推荐
海峰教授7 分钟前
扫描仪+文档pdf编辑器+pdf格式转换器
pdf
Li_na_na0110 分钟前
解决安卓手机WebView无法直接预览PDF的问题(使用PDF.js方案)
android·pdf·uni-app·html5
背太阳的牧羊人1 小时前
使用 PyMuPDF(fitz)库打开 PDF 文件,并且是从内存中的字节流(BytesIO)读取 PDF 内容
数据库·pdf·文件处理·pymupdf·fitz
灯火不休ᝰ1 小时前
前端处理pdf文件流,展示pdf
前端·pdf
梨小橙子6 小时前
PPT画图,如何用Visio转化为pdf,且无白边
pdf·powerpoint
云只上7 小时前
解决Luckysheet在线预览编辑Excel、PDF.....无法在同一个界面创建多个luckysheet实列问题
pdf
inxunoffice8 小时前
批量给 PDF 添加页眉页脚以及页码信息
前端·javascript·pdf
学c真好玩9 小时前
4.1-python操作wrod/pdf 文件
开发语言·python·pdf
绘绘~9 小时前
软考-数据库系统工程师第四版pdf
pdf·软考·数据库系统工程师
nzz_17121412 小时前
puppeteer+express服务端导出页面为pdf
pdf·express