vue-pdf插件不翻页预览
<pdf
v-for=“i in numPages”
:key=“i”
:page=“i”
:src=“pdfUrl” style=“width: 100%; height: auto;” @num-pages=“pageCount=$event”>
</pdf>
data() {
return {
pageCount:0,
src:’’,//文件路径
numPages:0,
}
},
mounted(){
this.loadPdfHandler()
},
methods: {
async loadPdfHandler () {
//src为你服务器上存放pdf的路径
this.src= pdf.createLoadingTask(this.src);
//这里必须为XX(这里为pdf路径).promise.then
this.src.promise.then(pdf => {
this.numPages = pdf.numPages
})
},
},
//因为在使用中出现了问题 ,所以查找下 进行了修改
版权声明:本文为CSDN博主「闲人有点忙」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_39598092/article/details/101053539
vue-pdf插件不翻页预览相关推荐
- BookBlock - 效果非常真实的书本翻页预览
这个名为 BookBlock 的图片预览效果是一个书展示或网上书店的概念,已全屏打开3D页面导航网格的形式显示图书的详细信息.我们可以打开书预览的摘录,其中有一些细节的网格.对于图书预览,我们在使用 ...
- vue实现附件图片png,jpg,jpeg,pdf,doc,docx预览
vue实现附件图片png,jpg,jpeg,pdf,doc,docx预览问题,话不多说直接上代码 <!-- template --> <a @click="yuTap(it ...
- 手机端html5展示pdf,pdf.js移动端展示预览打开pdf-pdfh5.js
pdf.js移动端展示预览打开pdf-pdfh5.js 本插件基于pdf.js和jQuery,可手势捏合缩放,支持懒加载(即分段加载). 2019.07.18更新:增加npm install pdfh ...
- java零碎要点010---Java实现office文档与pdf文档的在线预览功能
最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...
- vue移动端实现excel在线预览
上篇博客我提到了ios手机不能实现下载功能,但是可以实现预览,图片预览和pdf预览我已经在前篇博客做了讲解,但是,在工作中大家上传最多的应该是excel的文件,今天我就讲解一下excel移动端的预览实 ...
- vue上下全屏翻页_全屏翻页布局
vue上下全屏翻页 View demo 查看演示Download Source 下载源 We have received a couple of requests on how to use the ...
- 名编辑电子杂志大师教程 | PDF转换成翻页电子杂志
名编辑电子杂志大师是一款货真价实的PDF翻页电子杂志转换软件,您只需要导入PDF文件,并在软件中进行一些简单的设置,您就可以轻松的导出一本具有真实书一样翻页效果的精美电子杂志. 同时,它把PDF转换成 ...
- java 预览word文档_Java实现office文档与pdf文档的在线预览功能
最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...
- vue富文本编辑,编辑自动预览,单个图片上传不能预览的问题解决:
vue富文本编辑,编辑自动预览,单个图片上传不能预览的问题解决: 参考文章: (1)vue富文本编辑,编辑自动预览,单个图片上传不能预览的问题解决: (2)https://www.cnblogs.co ...
- Windows 10如何禁用Microsoft Edge标签页预览
Microsoft Edge 一直在不断追赶同业竞争者,并在 Windows 10 周年更新中对 Microsoft Edge 进行了全面更新.如果你一直在 Windows 10 中将 Microso ...
最新文章
- 一场科技盛宴,一次“盈”满天下 安创成长营五期Demo Day完美收官
- 风险监控报表(Word)
- Spring 事务core 模块-RowMapper
- iphone文件访问ftp服务器,将文件上传到iPhone上的FTP服务器
- C#多线程开发-任务并行库
- 第1节 连通性强连通、割点和桥(一)
- php流程控制的类型有哪些,流程控制包括哪些内容
- 【2017年第1期】基于征信数据观中国近10年产业间信贷资源的调整路径
- quarz设置定时器任务的有效时间段_quartz定时任务时间设置
- 前端 -- jQuery
- Jenkins+GitLab+Docker+SpringCloud+Kubernetes实现可持续自动化微服务
- 【欢迎大家一起交流讨论】关于Word的自动检测修改--论文格式修正系统(毕业设计)...
- 用 C++ 跟你聊聊“桥接模式” | 原力计划
- Android-界面-隐藏/显示
- html文件下载时的header设置
- 反脆弱性—露天广场与办公楼
- python中tab键表示为_python中的tab键表示什么意思
- 关于 centos 7系统,iptables透明网桥实现
- Android集成高德地图
- 【HTML5】HTML5
热门文章
- Orthogonal greedy algorithm降维
- 联想Y470 非虚拟机安装苹果Mac OS X Mavericks 10.9.1教程详解(文字+图片),通俗易懂亲自动手——序列四之重启系统,系统设置
- VUE3 keep-alive页面切换报错:parentComponent.ctx.deactivate is not a function
- 【计算机视觉】BOF图像检索
- x265-1.7版本-common/quant.cpp注释
- 设计模式学习(十七) 观察者模式 Observer
- python del用法_python中del函数的用法详解
- IBEACON 解析代码(C语言和LUA语言)
- 为什么正经程序员不写注释?
- Android 做一个简单记事本app