Question

我想用 vue.js 和 laravel 制作一个页面，我可以在vue中显示pdf -component 即可。我找到了一个很棒的lib vue-pdf，可以显示PDF文件。

我的问题是 PDF阅读器无法缩放（进/出），是否有任何解决方案，（例如：css / js hack）或者可以有人在vue系统中推荐我另一个pdf阅读器吗？

提前致谢！

Answer 1

您可能需要查看npm's panzoom

<template>
    <pdf @loaded="onLoad" src="yourpdf.pdf" page="1" ref="mypdf"></pdf>
</template>

<script>
import pdf from 'vue-pdf';
import panzoom from 'panzoom';
export default {
    components: {
      pdf
    }, 
    methods: {
        onLoad() {
            panzooom(this.$refs.mypdf);
        }
    }
}
</script>

放大vue组件中的PDF阅读器

1 个答案: