A vue2.x image preview plugin.
$ npm i vue-image-preview-component
# or
$ yarn add vue-image-preview-component
main.js:
import Vue from "vue";
import App from "./App.vue";
Vue.config.productionTip = false;
import VueImagePreview from "vue-image-preview-component";
import 'vue-image-preview-component/dist/vue-image-preview.css'
Vue.use(VueImagePreview);
new Vue({
render: (h) => h(App),
}).$mount("#app");
App.vue:
<template>
<VueImagePreview></VueImagePreview>
</template>
key | description | default | type |
---|---|---|---|
urlList | The image used when the image is loaded | - | Array |
bgColor | Overwrite Preview Background | #fff | String |
drag | Can images be dragged and dropped | false | Boolean |
download | Can images be downloaded | false | Boolean |
onClose | Close Preview View | - | Function |