放大PDF阅读器在VUE组件

问题描述:

我想作一个页面vue.jslaravel,在那里我可以显示在VUE组分的PDF文件。我发现这个vue-pdf很棒,可以显示PDF文件。放大PDF阅读器在VUE组件

问题是(输入/输出)的PDF阅读器不能变焦,是否有任何解决方案(例如:CSS/JS砍)或任何人可以建议我在VUE一个又一个PDF阅读器系统?

提前致谢!

你可能想看看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> 
+0

感谢您的回答。它的工作,如果我把元素包装到一个div中,我给这个div的ref值。 :) sry为迟到的回应。 – LakiGeri