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>
相关推荐
qq_420362033 分钟前
PDF导出服务
前端·pdf·状态模式·node·puppeteer
家有两宝,感恩遇见1 小时前
pdf文件上传下载记录
pdf
一滴水的眼泪1 小时前
读取实验室原始记录单PDF内容
pdf
stayhungry_c6 小时前
Quarto生成PDF无法正常显示中文的问题
python·macos·r语言·pdf
我命由我123458 小时前
Android PDF 操作 - AndroidPdfViewer 弹出框显示 PDF
android·java·java-ee·pdf·android studio·android-studio·android runtime
2501_9387820919 小时前
实战 Python NLP:处理 PDF 文档批量提取文本并进行主题建模
python·自然语言处理·pdf
我血条子呢20 小时前
【预览PDF】前端预览pdf
前端·pdf·状态模式
Source.Liu1 天前
【PrintPDF】PrintPDF Cargo.toml 分析
rust·pdf
luyun0202021 天前
流批了,pdf批量转excel
windows·pdf·excel·figma
Source.Liu1 天前
【printpdf】生成PDF的全能Rust库printpdf
rust·pdf