vue：如何是列表渲染后的数组点击每一个对象每个对象盒子和每个对象的图片发生变化，点击另外一个对象，之前点击的对象盒子和图片样式还原，新点击的对象盒子和样式发生改变

我们主要是针对列表渲染后每个对象盒子样式和图片的切换，所以我用红线划的部分就是实现的方法，第一个红线是实现通过吧每个对象的索引index传到点击事件select，将index赋值给activeIndex，activeIndex是我在data区域定义的一个获取每个对象索引的值：

第二个红线是包裹图片的盒子，只要点击this.activeIndex=index，那么红线的判断式就成立，从而改变图片包裹的盒子的样式，从灰变绿，

然后遍历这个数组，当i等于idnex时将对应的元素背景变成‘#e5e5e5’，通过定时器设定一个延迟时间为0.15s，当延迟时间结束后背景颜色恢复为空（这个不要也可以），将图片判断的属性showimg=true，从而达到切换图片的作用。运行效果如下：