在vuejs2中将base64格式的pdf显示为缩略图答案

【问题标题】：Displaying base64 format pdf as a thumbnail in vuejs2在vuejs2中将base64格式的pdf显示为缩略图
【发布时间】：2020-01-23 15:56:59
【问题描述】：

需要在 vuejs2 中将 base64 格式的 pdf 显示为缩略图，单击该缩略图时，应在新选项卡中查看整个 pdf。我刚刚使用了 vue-pdf lib，我可以将 pdf 显示为缩略图，就像使用 vue-pdf 它提供外观和填充为缩略图然后单击该缩略图我只是使用 window.open(encodeURI(src)) 包装到 iframe 中适用于小尺寸 pdf，但对于大尺寸 pdf，pdf 不会在新标签中查看。

【问题讨论】：

我不是这个 brt 的专家，我发现在某些方面很难理解这个问题。你能澄清一下吗？可以举个例子吗？
@DimitriosZacharatos 我已经为它创建了自定义组件。感谢您的回复：D

标签： vue.js vuejs2

【解决方案1】：

这对我有用...

HTML：

<div :src="'data:application/pdf;base64,'+doc">

</div>
PS: you can use <iframe></iframe> instead of div
JS:
<script>
 data():{
   doc: 'base64 format here'
 }
</script>

【讨论】：