问题:使用标签iframe做pdf效果预览的时候,iframe标签会默认带有顶部操作栏,操作栏的确会让用户有了更多的操作性,但如果仅仅做预览pdf的话,这就有点操作冗余了。
且,操作栏带有下载和打印等等,而有些文件仅供预览,这就导致了需求的冲突,解决操作栏的问题就变得必须而为之了。
解决:可隐藏操作栏,使得页面简洁
<iframe ref="iframe"
height="700"
width="100%"
:src="data.file_url + '#toolbar=0'" // 在地址后面加'#toolbar=0'就可以了
frameborder="0"
></iframe>
效果图
附上iframe文档链接:HTML <iframe> 标签 (w3school.com.cn)