v-for循环出来的图片如何替换图片路径

  • 开发
  • 29

滑过改变图片的路径

<div v-for="(item,index) in serverlist2" :key="index" class="serverlistitem serverlistitem2"  @mouseover="item.hover = true"
                                         @mouseleave="item.hover = false">
  <div>
            <img:src="item.hover ? `${item.url}add-icon${index+5}sel.svg` : `${item.url}add-icon${index+5}nor.svg`">

                                        </div>
 </div>

阅读全部

相关推荐

  3. el-form v-for循环列表的表单如何校验

    2024-06-12 05:18:03       42 阅读

  4. Vue如何处理错误图片路径时换成另一张准备好的图片

    2024-06-12 05:18:03       27 阅读

  5. python替换word文件中的图片

    2024-06-12 05:18:03       37 阅读

  7. 微信小程序canvas画布如何解决在for循环绘制图像显示不全的问题

    2024-06-12 05:18:03       105 阅读

最近更新

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

    2024-06-12 05:18:03       98 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-12 05:18:03       106 阅读

  9. 在Django里面运行非项目文件

    2024-06-12 05:18:03       87 阅读

  19. Python语言-面向对象

    2024-06-12 05:18:03       96 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-06-12 05:18:03       91 阅读

热门阅读

  4. DP动态规划（下）

    2024-06-12 05:18:03       27 阅读

  12. docker使用auth登录

    2024-06-12 05:18:03       30 阅读

  13. 二进制兼容

    2024-06-12 05:18:03       32 阅读

  14. day6 C++

    2024-06-12 05:18:03       30 阅读

  15. React Native 在构建IOS应用时提示Target ‘xxx‘ in project ‘Pods‘解决办法

    2024-06-12 05:18:03       26 阅读

  16. 【Kafka专栏 09】Kafka消费者如何实现如何实现消息回溯与重放：谁说“覆水难收”？

    2024-06-12 05:18:03       30 阅读

  19. 2024全国高考作文题解读（讯飞星火3.0版本）

    2024-06-12 05:18:03       25 阅读

  20. 软考初级网络管理员_01_计算机系统基础知识（硬件）单选题

    2024-06-12 05:18:03       33 阅读

  23. 常用的网络安全测试工具介绍

    2024-06-12 05:18:03       37 阅读

  26. 上海市计算机学会竞赛平台2024年4月月赛丙组数字迷宫

    2024-06-12 05:18:03       34 阅读