一个适用于vue的pdf预览组件库

该组件库基于pdf-dist库,能够把pdf文件解析成图片放置到指定的容器dom中。

props:
file:File file对象
url:string

url可以是

  1. 下载pdf的路径,该组件能够自动下载解析pdf。
  2. file data url,可以把dataurl直接解析成要预览的图片。
# cdd-pdf-view

一个把 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 文件中使用该组件,则直接引入当作平常组件使用即可。

## 浏览器使用

1. 引入dist/cddPdfVue.css。
2. 在浏览器中,先引入 vue 之后引入 dist/cddPdfVue.umd.min.js

那么会自动注册到全局中。

名字:'cdd-pdf-view'

你可能感兴趣的:(前端,pdf,vue.js)