vue 实现active点击图片切换
2024-10-18 19:22:43
循环条件下:
1.点击函数@click="active(index)" 获取点击的位置
2.讲索引值传给class,点击哪一个则显示哪一个的样式
3.在data添加ins的初始值
4.使用三目运算符切换图片
三木运算符执行方法:如果index == ins为真,则显示imgItem.active的图片,否则显示imgItem.path的图片
5.书写active方法
6.效果
最新文章
- css的margin
- 安卓端网页浏览过程中实时更新title的web实现
- 通用访问 - 用“反射”来设计通用的通信协议,以及配套的SDK、工具
- js滚动效果-(up,left)
- ios delegate你必须知道的事情
- (easy)LeetCode 204.Count Primes
- C#中的结构体与类的区别
- SQL server 数据库日志文件过大清空日志文件
- 事件——《JS高级程序设计》
- UVALive - 3713 Astronauts
- HDU 5274(树链剖分)
- NLP | 自然语言处理 - 标注问题与隐马尔科夫模型(Tagging Problems, and Hidden Markov Models)
- html精确定位
- MySQL存储引擎中的MyISAM和InnoDB区别
- Latex 文本编辑技巧
- 利用linux curl爬取网站数据
- sqlcipher 数据库解密
- 使用Java对字符串进行升序排序
- win7 安装express
- 【Linux笔记】CentOS&;RHEL YUM基础知识
热门文章
- Codeforces Round #393 (Div. 2) - A
- getString()方法与getObject()方法的区别
- Java虚拟机(JVM)与垃圾回收机制(GC)的详解
- SAP固定资产(FI-AA),一网打尽(转)
- JDK1.8新特性之Stream类初识
- MySQL学习笔记_时间,多表更新,数据库元数据
- 【leetcode】436. Find Right Interval
- SQL server 2008 数据库优化常用脚本
- Sticks
- [CSP-S模拟测试]:密州盛宴(贪心)