vue 图片放大到全局

背景：

在vue项目中，el-image组件图片组件用于展示图片，组件自带的属性preview-teleported，设置为true可以控制图片放大到全局

实现效果：

核心代码：

//图片地址：BASEUrl + '/file/' + item.file
//这是我这个项目的，可自定义                
                    <el-image
                        class="carousel-image"
                        :src="BASEUrl + '/file/' + item.file"
                        :preview-src-list="[BASEUrl + '/file/' + item.file]"
                        :preview-teleported="true"
                        alt=""
                      />

官网链接：点击跳转

 image属性：点击跳转

写到这儿。。。图片点击放大的效果就实现了。。。