vue中预览pdf

这篇文章距离上次修改已过443天，其中的内容可能已经有所变动。

在Vue中预览PDF，可以使用vue-pdf组件。首先需要安装vue-pdf：




npm install vue-pdf

然后在Vue组件中使用它：




<template>
  <div>
    <pdf
      :src="pdfSrc"
    ></pdf>
  </div>
</template>
 
<script>
import pdf from 'vue-pdf'
 
export default {
  components: {
    pdf
  },
  data() {
    return {
      pdfSrc: 'path/to/your/pdf/file.pdf'
    }
  }
}
</script>

确保你的PDF文件路径是正确的。如果是在线PDF，可以直接使用URL。如果需要进一步控制，比如分页导航，可以使用vue-pdf的插槽和事件。

评论已关闭

推荐阅读