Elementui-Image组件,单个图片点击放大展示

简介: Elementui-Image组件,单个图片点击放大展示
<el-image 
   style="width: 100px; height: 50px"
   :src="scope.row.picUrl"
   :preview-src-list="[scope.row.picUrl]">
</el-image>

主要是preview-src-list方法,直接把url通过[] 包起来即可

相关文章
|
6月前
|
JavaScript
有关vue中两张图片,一个底图一个右上角的图片 点击右上角不触发底图方法
有关vue中两张图片,一个底图一个右上角的图片 点击右上角不触发底图方法
35 0
uniapp轮播带查看大图效果demo示例、带数字的轮播(整理)
uniapp轮播带查看大图效果demo示例、带数字的轮播(整理)
|
6月前
|
索引
【sgPhotoPlayer】自定义组件:图片预览,支持点击放大、缩小、旋转图片
【sgPhotoPlayer】自定义组件:图片预览,支持点击放大、缩小、旋转图片
|
6月前
|
JavaScript 容器
富文本的图片添加点击放大功能
思路:富文本加载后,dom出全部img元素,然后各自单独添加点击事件
245 3
|
12月前
|
JavaScript 前端开发 UED
vue实现一个鼠标滑动预览视频封面组件(精灵图版本)
vue实现一个鼠标滑动预览视频封面组件(精灵图版本)
281 0
|
小程序 UED
微信小程序轮播图image控件图片mode属性自适应及解决图片加载闪烁bug
微信小程序轮播图image控件图片mode属性自适应及解决图片加载闪烁bug
394 0
uniapp上传多张图片-带删除按钮查看大图效果demo(整理)
uniapp上传多张图片-带删除按钮查看大图效果demo(整理)
Echarts实战案例代码(24):柱图数据顶部显示图片的解决方案
Echarts实战案例代码(24):柱图数据顶部显示图片的解决方案
301 0
Echarts实战案例代码(24):柱图数据顶部显示图片的解决方案
图片和文件预览组件(部分源码),可拖动,缩小,放大。 #41
图片和文件预览组件(部分源码),可拖动,缩小,放大。 #41
145 0