vue 实现active点击图片切换

循环条件下:

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

 

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

 

 3.在data添加ins的初始值

 

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

 

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

 

5.书写active方法

 

 6.效果

 

posted @ 2019-10-14 18:24  昭z  阅读(7433)  评论(0编辑  收藏  举报