elementui大图预览+preview-src-lis 显示图片列表

ElementUI 的大图预览组件 `el-image-preview` 支持通过 `preview-src-list` 属性来显示图片列表。

例如，以下代码可以显示三张图片的列表：

<el-image-preview :visible.sync="previewVisible" :url="previewUrl" :preview-src-list="previewList">
  <el-image v-for="(item, index) in previewList" :key="index" :src="item" style="width: 100px; height: 100px; margin-right: 10px;"></el-image>
</el-image-preview>

在这里，`previewList` 是一个数组，包含三张图片的 URL，如下所示：

data() {
  return {
    previewList: [
      'https://example.com/image1.jpg',
      'https://example.com/image2.jpg',
      'https://example.com/image3.jpg'
    ],
    previewVisible: false,
    previewUrl: ''
  }
}

当用户点击其中一张图片时，会打开大图预览组件，同时显示整个图片列表。用户可以通过左右箭头切换图片，或者点击缩略图查看单个图片的大图。