vue-directive-preview-image

descript

a vue directive to preview image in PC and Mobile

Project setup

npm install vue-directive-preview-image --save

main.js

import VueDirectivePreviewImage from 'vue-directive-preview-image'
Vue.use(VueDirectivePreviewImage, options)

If you're using the Vue framework

 Vue.use(VueDirectivePreviewImage)

If you're using the nuxt framework

 Vue.use(VueDirectivePreviewImage, '__nuxt')

Use this directive

<img v-preview-img src="url" />

When your preview image needs to be transformed

<img v-preview-img src="url" previewSrc="previewUrl" />