vue 实现active点击图片切换


循环条件下:

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

 

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

 

 3.在data添加ins的初始值

 

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

 

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

 

5.书写active方法

 

 6.效果

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM