想做一个图片点击放大预览功能，用了element ui 里的el-image，但是srcList: [ ]要怎么填

想做一个图片点击放大预览功能，用了element ui 里的el-image，但是srcList: [ ]要怎么填？

img

直接这样就可以了

<el-image
  :src="item.url"
  :preview-src-list="item.url"
  style="max-width:100%;height:auto;"
></el-image>

如果想要使用element ui里的el-image进行图片点击放大预览功能，需要将所有需要展示的图片的url放入一个数组中，并将该数组赋给el-image的srcList属性。例如，可以这样填写srcList属性：

<el-image
  v-for="(item, index) in images"
  :key="index"
  :src="item.url"
  :preview-src-list="imageUrls"
  style="max-width:100%;height:auto;"
></el-image>

其中，imageUrls就是包含了所有需要展示的图片url的数组。需要注意的是，src和preview-src-list属性的区别在于，src是当前图片的url，而preview-src-list则是所有需要预览的图片url的集合。