【工作】-pdfh5

项目场景：

需要展示pdf文件，但是发现在不同机型上的表现形式是不同的，一些iOS以及部分安卓机型可以符合预期打开当前pdf，而部分安卓机型点击pdf链接直接下载了该pdf，用户不可以直接查看。产品希望可以统一所有用户点击都直接查看当前pdf。

---

解决方案：

Pdfh5：

<div id="demo"></div>

import Pdfh5 from "pdfh5";
import "pdfh5/css/pdfh5.css;

mounted() {
	//实例化
	 this.pdfh5 = new Pdfh5("#demo", {
	  pdfurl: 'https://prenlos2.oss-cn-shanghai.aliyuncs.com/bblg2021/web/contractUrl/freeWorkDoc.pdf'
	 });
	 //监听完成事件
	 this.pdfh5.on("complete", function (status, msg, time) {
	console.log("状态：" + status + "，信息：" + msg + "，耗时：" + time + "毫秒，总页数：" + this.totalNum)
})

总结

移动端需要类似直接展示pdf的场景，可以使用pdfh5来解决～