首页 IT程序员内容详情

Vue页面预览PDF文件

2021-03-19 7508 编程艺术家
Vue页面预览PDF文件

站点名称:Vue页面预览PDF文件

所属分类:IT程序员

相关标签: # vue

官方网址:

SEO查询: 爱站网 站长工具

进入网站

站点介绍

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 文档。



作者:肆意木
链接:https://www.jianshu.com/p/1afb25fcabd6
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


浏览统计(最近30天)

 暂无评论,快来抢沙发吧~

发布评论