在 vue 组件中放大 PDF 阅读器

【问题标题】：zoom in PDF reader in vue component在 vue 组件中放大 PDF 阅读器
【发布时间】：2018-03-19 01:00:52
【问题描述】：

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

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

提前致谢！

【问题讨论】：

标签： laravel laravel-5 vue.js vuejs2 vue-component

【解决方案1】：

<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>

【讨论】：

感谢您的回答。如果我将元素包装到一个 div 中，它就可以工作，并且我给那个 div 的 ref 值。 :) 抱歉，回复晚了。