![npm](https://camo.githubusercontent.com/2ff3dbffbdb146105ca8f21823e5bc03a3ed42585e30cd4c2878e6d4e0744ac4/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f406d7268616e736f6e2f7675652d66696c652d707265766965772e737667)
![License](https://camo.githubusercontent.com/e1892593c818dca2d9e6e07829c81b80e74a0de6a0d3cdbb2f15a16cdf6fbf5c/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f6c2f406d7268616e736f6e2f7675652d66696c652d70726576696577)
A file preview component by Vue , maked up by serval previewer components
npm install --save vue '@mrhanson/vue-file-preview'
# or
yarn add vue '@mrhanson/vue-file-preview'
CLICK ME
prop |
type |
default |
optional |
description |
fileType |
string |
|
img/excel |
choose which previewer to use |
imgPvProps |
object |
|
|
props of img-previewer |
excelPvProps |
object |
|
|
props of excel-previewer |
prop |
type |
default |
optional |
description |
coverList |
array |
-- |
|
cover item list, can pass object with url , alt , lazy , zIndex , style attribute |
previewSrcList |
array |
-- |
|
src list to preview, same as preview-src-list |
width |
string |
'100px' |
|
global width of coverList item |
height |
string |
'100px' |
|
global height of coverList item |
prop |
type |
default |
optional |
description |
file |
object |
|
|
excel file stream |
isClientStream |
boolean |
true |
|
whether client file stream |
tableHeight |
stirng/number |
|
|
previewer table height |