viewer-vue

viewer-vue

基于viewerjs开发的vue图片预览组件

Usage

improt ViewerVue from 'viewer-vue'

<viewer-vue ref="viewer" :options="options" :images="images" @inited="inited" @hidden="hidden">
    <img
      v-for="item in images"
      :key="item.url"
      :data-original="item.url"
      :src="https://raw.githubusercontent.com/CXLDILEI/v-viewer/HEAD/item.url"
      :alt="item.fileName"
    />
</viewer-vue>

private $viewer: any = null
private inited(viewer) {
  // 暴露viewer实例
  this.$viewer = viewer
}

Methods & Options

配置项及方法参考viewerjs:

https://github.com/fengyuanchen/viewerjs/blob/master/README.md