el-image放大图片功能

1.需求:点击图片后放大图片
在这里插入图片描述
html代码:

<el-image
              style="width: 100px; height: 100px"
              :src="baseUrl + item.id"
              :zoom-rate="1.2"
              :max-scale="7"
              :min-scale="0.2"
              :preview-src-list="srcList"
              :initial-index="index"
              fit="cover"
            />

其中src是当前图片路径,preview-src-list是放大图片的数组,initial-index打开的图片的下标

相关推荐

  1. vue打包后el-image图片不出来

    2024-07-10 08:46:03       71 阅读
  2. vue3之基于el-image实现图片预览

    2024-07-10 08:46:03       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 08:46:03       99 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 08:46:03       107 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 08:46:03       90 阅读
  4. Python语言-面向对象

    2024-07-10 08:46:03       98 阅读

热门阅读

  1. Linux 系统监控工具深度解析:Glances 与 Nmon

    2024-07-10 08:46:03       29 阅读
  2. 使用YOLO5进行模型训练机器学习【教程篇】

    2024-07-10 08:46:03       30 阅读
  3. IT专业入门,高考假期预习指南

    2024-07-10 08:46:03       35 阅读
  4. 强化OT安全英国发布工控网络事件响应实践指南

    2024-07-10 08:46:03       41 阅读
  5. 使用静态图加速

    2024-07-10 08:46:03       22 阅读
  6. 修改ES索引名称

    2024-07-10 08:46:03       27 阅读
  7. asp.netWebForm(.netFramework) CSRF漏洞

    2024-07-10 08:46:03       38 阅读
  8. Redis的使用(三)常见使用场景-session共享

    2024-07-10 08:46:03       31 阅读
  9. DS200CVMAG1AEB处理器 控制器 模块

    2024-07-10 08:46:03       37 阅读
  10. 插8张显卡的服务器有哪些?

    2024-07-10 08:46:03       29 阅读
  11. react antd table拖拽

    2024-07-10 08:46:03       31 阅读
  12. VB 关键字

    2024-07-10 08:46:03       35 阅读