基于vue的图片预览组件-图片列表

不多说，开局一张图：

 主要的使用方法也简单，在控制台执行npm install  sen-preview-photo --save然后在

import senPreviewPhoto from  'sen-preview-photo'

Vue.use(senPreviewPhoto )

直接在vue页面上输入 this.viewImage(imgUrl, index) 其中 imgUrl为图片的地址数组，示例：

 imageUrl: [

          'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',

          'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'

  ],

以下是的调用图片列表

PreviewImg.vue

<template>
<div class="