Comments (4)
from vue-pdf.
Ping, any ETA on this?
from vue-pdf.
I currently used an ugly workaround, but it feels like a lot of
overhead to render N instances of vue-pdf
:
<template>
<section>
<spinner v-if="loading">
<template v-else>
<!-- Need to load a single page to get page count -->
<pdf style="display: none;" :src="contract"
@num-pages="pageCount = new Array($event)" />
<!-- Actual document -->
<pdf v-for="(page, index) in pageCount"
:key="index"
:src="contract"
:page="index + 1"
class="contract-container" />
</template>
</section>
</template>
<script>
import pdf from 'vue-pdf';
export defualt {
components: { pdf },
data() {
return {
loading: true,
pageCount: [],
contract: { data: '' }
}
}
}
</script>
from vue-pdf.
If u wanna with scroll whole PDF document with full size pages, using @FranckFreiburger (https://github.com/FranckFreiburger/vue-pdf#example---display-multiple-pages-of-the-same-pdf-document) example, plus just change styling to height with 100%, as per following:
<pdf
v-for="i in numPages"
:key="i"
:src="src"
:page="i"
style="height: 100%"
></pdf>
Then it will be working as per expected.
from vue-pdf.
Related Issues (20)
- can't show in vue-ssr
- 移动端h5预览完成放大的时候,出现分页情况
- 微前端子应用加载 vue-pdf 时报跨域问题 HOT 2
- PDF切换页面的时候会一闪一闪的,体验很差
- pdf 渲染高度超出屏幕范围,怎么查看屏幕之外的部分
- 项目引入vue-pdf
- pdfRender.cancel().catch(function(err) , undefined (reading 'catch')" HOT 4
- TrueType Collection does not contain "DCWGQU+CambriaMath" font.
- when the window.devicePixelRatio less than 1,the pdf is vague.
- 、
- vue2 + vite require is not defined
- vue2项目编译报错 HOT 2
- 已解决print后字体乱码问题 HOT 1
- 改变视图大小,拖拉窗口会报错
- 使用插件时而出现跨域问题 HOT 1
- 预览带印章的那页,印章展示是不透明的,源文件是透明的,How to fix it!!!!
- pdf花屏:大部分文件正常展示,只有个别文件有问题,如图,有遇到的大佬看到,给个思路。 HOT 2
- 抱歉,未找到浏览器 Sorry, browser not found
- 与@vue/cli-service 5.x 不兼容 HOT 3
- pdf不能预览PDF的电子发票,比如打车发票
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-pdf.