1.安装
cnpm i vue-preview -S
2.在main.js中加载:
import VuePreview from'vue-preview'
Vue.use(VuePreview)
3在需要引入图片的地方中加入代码:
<img class="preview-img" v-for="(item, index) in list" :src="item.src" height="100" @click="$preview.open(index, list)" :key="item.src">
4.定义缩略图数组存放从接口获得的图片