一个适用于vue的pdf预览组件库
cdd-pdf-view
该组件库基于pdf-dist
库,能够把 pdf 文件解析成图片放置到指定的容器 dom 中。
props:
file:File file 对象
url:string
url 可以是
- 下载 pdf 的路径,该组件能够自动下载解析 pdf。
- file data url,可以把 dataurl 直接解析成要预览的图片。
一个把 pdf 文件解析到图片进行预览的库。
如果 pdf 包含多页内容,那么可以解析成多个图片。
开始安装 setup
npm install cdd-pdf-view
用法 useage 全局注册组件
eg:
import Vue from 'vue'
import pdfView from 'cdd-pdf-view'
Vue.use(pdfView) //之后'cdd-pdf-vue'全局组件就可以用了。
自定义组件引入名称
/*
如果想要自定义pdf的名字,那么使用Vue.use(pdfView,{name:'pdf-view'})
此方法全局注册为pdf-view名字
*/
Vue.use(pdfView, { name: 'pdf-view' })
非全局注册
如果在 x.vue 文件中使用该组件,则直接引入当作平常组件使用即可。
浏览器使用
- 引入 dist/cddPdfVue.css。
- 在浏览器中,先引入 vue 之后引入 dist/cddPdfVue.umd.min.js
那么会自动注册到全局中。
名字:'cdd-pdf-view'
阅读 613
0 条评论
得票时间