vue本地pdf预览(很强大的本地PDF文件预览体验！)

随着不断发展的互联网科技，现在不仅可以实现在网页上预览文件，还可以本地加载pdf文件进行预览2011。目前有许多插件来实现这一点，比如：vue pdf viewer。
vue pdf viewer是一款功能强大，易于使用的pdf文件阅读器。它使用vue设置，包括vue.js, vue-router, vue-pdfjs和vuex等功能，可以非常容易地加载本地文件。即使文件比较大，vue pdf viewer可以理想的处理它的定位，然后展示给用户。此外，它还可以搜索，更改页大小，注释，书签，复制，缩放等。
因此，使用vue pdf viewer，就可以实现在本机上加载pdf文件。他可以节省时间和精力完成即时更新。而且，用户还不需要下载安装任何文件查看器，以获得高效的本地pdf预览体验。

vue打开本地pdf

+

vue打开本地pdf

文件code
首先在引用页面引用：import pdf from "...vue-pdf.js"
然后在页面template标签中添加此标签：
: src="pdfsrc"
: default-scale="defaultscale"
@load-complete="loadcomplete"
: page="num"
: min-scale="minscale"
: max-scale="maxscale"
@current-page="currentpagechange"
: external-link-target="externallinktarget"
@rotate-previous="rotateprevious"
>

然后在页面data数据中添加以下内容：
data(){
return{
pdfsrc:'#{file}',//在这里将本地pdf文件地址存入pdfsrc
defaultscale: 1,
minscale: 1,
maxscale: 6,
externallinktarget: `_blank`
}
},
即可在该页面完成pdf文件的展示。