dxl-vue-imagespreview

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

Usage no npm install needed!

<script type="module">
  import dxlVueImagespreview from 'https://cdn.skypack.dev/dxl-vue-imagespreview';
</script>

README

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