背景:
在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属性:点击跳转
写到这儿。。。图片点击放大的效果就实现了。。。