Element-ui表格中图片放大简便方法

之前在找怎么存放element-ui中表格内的图片，并实现点击放大的时候，看到网上使用的方法有用el-dialog，或者是v-image-preview。

用dialog的时候太长的图片会超出屏幕

用v-image-preview的时候，使用多选的表格时，选择处的小格子不知道为什么总是高亮（如果有大佬知道怎么解决请告诉我~）

而且很重要的是，这两个方法要实现放大后图片的缩放都得额外加代码（对于我这个对前端了解不多的人来说，不知道该如何下手）

经过两天摸爬滚打发现可以使用element-ui提供的 previewSrcList 开启预览大图的功能zhixu

<template slot-scope="scope" >
    <el-image :src="scope.row.url" :fit="fit" :preview-src-list="srcList" @click="srcList.push(scope.row.url)"></el-image>
</template>

只需要少量代码即可实现表格内图片点击查看预览大图，而且大图还可以用鼠标滚轮或点击按钮实现放大缩小，以及旋转，非常简便

做项目的时候，遇到这个问题，网上没搜到比这更简便而且功能齐全的方法，于是发出来

前端学的不多，如大佬有更好意见，恳请提出~