如何在vue中展示pdf

方案一，使用vue-pdf，具体使用案例参考https://www.cnblogs.com/lodadssd/p/10297989.html这个大佬的文章方案二，使用pdfjs配合iframe一套组合拳来实现展示pdf。个人推荐是使用这套方案，因为vue-pdf好像是打印pdf时存在一些问题，而且有些功能必须要你手动添加，有一些功能还需要你手写，就比如：放大和缩小这种。最主要pdfjs功能比较全。

白马？定叫他有来无回！

3837人浏览 · 2020-10-13 10:10:50

白马？定叫他有来无回！ · 2020-10-13 10:10:50 发布

方案一，使用vue-pdf，具体使用案例参考vue中使用vue-pdf插件显示pdf - 世界之魂 - 博客园这个大佬的文章

方案二，使用pdfjs配合iframe一套组合拳来实现展示pdf。个人推荐是使用这套方案，因为vue-pdf好像是打印pdf时存在一些问题，而且有些功能必须要你手动添加，有一些功能还需要你手写，就比如：放大和缩小这种。最主要pdfjs功能比较全。当然这个东西要看具体项目具体分析，功能全未必是好事，可能会造成画蛇添足的局面

方案三，使用window.open 打开pdf的地址

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^