dxl-vue-imagespreview

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

Demo

LiveDemo

Install

$ npm install dxl-vue-imagespreview

Import

Import using module

  // in ES6 modules
  import vueimagesPreview from 'dxl-vue-imagespreview'

  // in CommonJS
  const vueimagesPreview = require('dxl-vue-imagespreview')
  
  Vue.use(vueimagesPreview)

Import using script tag

   <script src="../node_modules/dxl-vue-imagesPreview/dist/dxl-vue-imagespreview.js"></script>
   
   // as a component reference
   <dxl-vue-imagespreview></dxl-vue-imagespreview>

Usage

Work on Vue instance

   <dxl-vue-imagespreview :imgData="imgData" :switch="true"></dxl-vue-imagespreview>

Options

props

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

License

MIT

Copyright (c) 2018-present, dingxiaolin