Vue页面预览PDF文件

vue-pdf，可实现在线预览 PDF 格式的文档，流程：

  1. 在搭建好的 Vue 项目中，引入 Vue-pdf

npm install --save vue-pdf

  1. 创建实现 pdf 预览的组件，引入 pad 文档地址
<template>
  <div>
    <pdf src="../../static/test.pdf"></pdf>
  </div>
</template>

<script>
import pdf from 'vue-pdf'
export default{
  components: {
    pdf
  }
}
</script>
  1. 运行项目

npm run dev

启动成功
  1. 在浏览器中输入，启动成功的提示地址，我的是http://localhost:8080，直接可以预览 pdf 文档。
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容