vue2查看大图vue-preview使用笔记

在main.js里：

import VuePreview from 'vue-preview'
Vue.use(VuePreview)

在html里:

<img class="preview-img" v-for="(item, index) in list" :src="item.src" height="100" @click="$preview.open(index, list)">   

请注意点击触发看大图的图片上必须要加类preview-img

获取imgs格式

list: [{
   src: 'https://placekitten.com/600/400',
    w: 600,
     h: 400
     }, {
     src: 'https://placekitten.com/1200/900',
     w: 1200,
     h: 900
 }]