preview-image-vue v1.0.8

PreviewImage-Vue

#1. run npm i preview-image-vue OR yarn add preview-image-vue

#2. update your main.js or index.js file add import ImagePreview from 'preview-image-vue' Vue.use(ImagePreview)

#3. In your vue file use it as

It uses inject/provide so you need to use provide that will return a method update you formdata like thi provide() { return { image: this.imageChanged }; },

#4. this will defined under methods imageChanged: function(value) { this.form.previewImage = value; }

#5. if you want to display the old image you need to pass the full url in props like this