Vue页面预览PDF文件

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

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

npm install --save vue-pdf

2. 创建实现 pdf 预览的组件，引入 pad 文档地址

<template>
  <div>
    <pdf src="../../static/test.pdf"></pdf>
  </div>
</template>

<script>
import pdf from 'vue-pdf'
export default{
  components: {
    pdf
  }
}
</script>

3. 运行项目

npm run dev

启动成功

4. 在浏览器中输入，启动成功的提示地址，我的是http://localhost:8080，直接可以预览 pdf 文档。