Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

vue-picture-viewer

sangcz42MIT1.0.3

vue-picture-viewer is a picture viewer for Vue.js.

vue-picture-viewer, picture-viewer, viewer, vue, components

readme

vue-picture-viewer

vue-picture-viewer is a picture viewer for Vue.js.

Demo

LiveDemo

Install

$ npm install vue-picture-viewer

Import

Import using module

  // in ES6 modules
  import vuePictureViewer from 'vue-picture-viewer'

  // in CommonJS
  const vuePictureViewer = require('vue-picture-viewer')

  Vue.use(vuePictureViewer)

Import using script tag

   <script src="../node_modules/vue-picture-viewer/vue-picture-viewer.js"></script>

   // as a component reference
   <vue-picture-viewer></vue-picture-viewer>

Usage

Work on Vue instance

   <vue-picture-viewer :imgData="imgData" :switch="true"></vue-picture-viewer>

Options

props

options type Description Default
imgData Array imgUrl and imgName -
switch Boolean Whether to enable thumbnails true

License

MIT

Copyright (c) 2018-present, Joy Sang