vue-pdf,可实现在线预览 PDF 格式的文档,流程:
- 在搭建好的 Vue 项目中,引入 Vue-pdf
npm install --save vue-pdf
- 创建实现 pdf 预览的组件,引入 pad 文档地址
<template>
<div>
<pdf src="../../static/test.pdf"></pdf>
</div>
</template>
<script>
import pdf from 'vue-pdf'
export default{
components: {
pdf
}
}
</script>
- 运行项目
npm run dev
- 在浏览器中输入,启动成功的提示地址,我的是http://localhost:8080,直接可以预览 pdf 文档。