循环条件下:

1.点击函数@click="active(index)" 获取点击的位置

2.讲索引值传给class,点击哪一个则显示哪一个的样式

3.在data添加ins的初始值

4.使用三目运算符切换图片

三木运算符执行方法:如果index == ins为真,则显示imgItem.active的图片,否则显示imgItem.path的图片

5.书写active方法

6.效果

最新文章

  1. css的margin
  2. 安卓端网页浏览过程中实时更新title的web实现
  3. 通用访问 - 用“反射”来设计通用的通信协议,以及配套的SDK、工具
  4. js滚动效果-(up,left)
  5. ios delegate你必须知道的事情
  6. (easy)LeetCode 204.Count Primes
  7. C#中的结构体与类的区别
  8. SQL server 数据库日志文件过大清空日志文件
  9. 事件——《JS高级程序设计》
  10. UVALive - 3713 Astronauts
  11. HDU 5274(树链剖分)
  12. NLP | 自然语言处理 - 标注问题与隐马尔科夫模型(Tagging Problems, and Hidden Markov Models)
  13. html精确定位
  14. MySQL存储引擎中的MyISAM和InnoDB区别
  15. Latex 文本编辑技巧
  16. 利用linux curl爬取网站数据
  17. sqlcipher 数据库解密
  18. 使用Java对字符串进行升序排序
  19. win7 安装express
  20. 【Linux笔记】CentOS&RHEL YUM基础知识

热门文章

  1. Codeforces Round #393 (Div. 2) - A
  2. getString()方法与getObject()方法的区别
  3. Java虚拟机(JVM)与垃圾回收机制(GC)的详解
  4. SAP固定资产(FI-AA),一网打尽(转)
  5. JDK1.8新特性之Stream类初识
  6. MySQL学习笔记_时间,多表更新,数据库元数据
  7. 【leetcode】436. Find Right Interval
  8. SQL server 2008 数据库优化常用脚本
  9. Sticks
  10. [CSP-S模拟测试]:密州盛宴(贪心)