循环条件下:

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

vue 实现active点击图片切换

 

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

vue 实现active点击图片切换

 

 3.在data添加ins的初始值

vue 实现active点击图片切换

 

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

vue 实现active点击图片切换

 

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

 

5.书写active方法

vue 实现active点击图片切换

 

 6.效果

vue 实现active点击图片切换

 

相关文章:

  • 2022-12-23
  • 2021-09-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-08
  • 2021-09-02
  • 2022-12-23
猜你喜欢
  • 2021-12-26
  • 2022-12-23
  • 2021-07-19
  • 2021-10-11
  • 2021-11-12
  • 2022-12-23
相关资源
相似解决方案