这个帖子给了我很大的启发,在学习和使用vue-pdf的时候提供了很大的帮助,在这里谢谢作者
https://www.cnblogs.com/steamed-twisted-roll/p/9648255.html
需求:在使用vue的项目里面实现pdf的预览
在实现的时候我的思路都是在页面里面直接打印出来整个pdf文件
碰到的问题
- 文件过大的时候 一直显示白屏,等待加载
- 文件样式不一
参考: https://blog.csdn.net/Amor_Leo/article/details/89389889
在后面查看第一个帖子的作者给了我启发,直接在一个iframe里面显示出来
<template>
<iframe name="newPdf" :src="src" frameborder="0" ></iframe>
</template>
<script>
import pdf from 'vue-pdf'
export default {
components: {pdf},
data () {
return {
src: '', // pdf文件地址
dialogVisible: true
}
}
}
</script>
就可以在iframe里面显示
这个和自己预期相差太大了
贼小,而且啥都莫得
后来发现只是太小了。。。。
调整在新页面打开后:
出现了浏览器浏览pdf的选项条
这个语言跟随浏览器语言
当界面小的时候会自动隐藏
可以下载和打印