vue-pdf 实现pdf在线预览
安装:
npm install --save vue-pdf
Demo:
<pdf ref="pdf" :src="url">
但是,这样写只会显示一页...
想要全部显示,就要用v-for循环
for="i in numPages" :key="i" :src="url" :page="i">
各个属性:
- url :pdf 文件的路径,可以是本地路径,也可以是在线路径。
- numPages : pdf 文件总页数。
getNumPages 计算总页数,顺便给url和numPages赋值。
OK,满足一般需求已经够了,想要更多功能,请看官网API
2022.1.11 发现了一个BUG,有的浏览器生成的pdf是乱码,还不清楚是啥原因!