A Vue 2 simple image zoomer plugin
npm install vue2-simple-image-zoomerSimple Image Zoomer component of Vue.js
- Compatible with native real time behavior
- Touch device support
Vue >= 2.0
npm install --save vue2-simple-image-zoomer
`
Yarn
`
yarn add vue2-simple-image-zoomer
`Usage
$3
Just import vue2-simple-image-zoomer component and use it in your components. The props are String and object & it must required, so you can use imagePath and zoomerOptions as a object.`html
:imagePath="imageUrl"
:zoomer-options="zoomerOptions"
>
`
$3
$3
`
Vue.use(Vue2SimpleImageZoomer)
`$3
`
import SimpleImageZoomer from 'vue2-simple-image-zoomer'
`$3
create a plugin file
vue2-simple-image-zoomer.js inside /plugins dir`js
import Vue from 'vue'
import SimpleImageZoomer from 'vue2-simple-image-zoomer'
// css
import 'vue2-simple-image-zoomer/dist/vue2-simple-image-zoomer.css'Vue.Use(SimpleImageZoomer)
`import a plugin in nuxt.config.js with disable ssr mode
`js
plugins: [{ src: '~/plugins/vue2-simple-image-zoomer', ssr: false }]
``MIT