vue如何实现点击图片放大其他图片缩小

Question

如一个列表里面有三张图片，点击其中一张图片，该图片放大，再次点击图片则缩小，如点击另一张图片，该图片会放大，而你刚刚的那张图片会缩小回去，应该如何实现，最好附带一下代码~

Answer 1

<li v-for="(item, index) in list" @click="select(index)" :class="{big: index===selectIndex}">
  <img :src="item.src"/>
<li>

data: {
  selectIndex: undefined
},
methods: {
  select (index) {
    this.selectIndex = this.selectIndex === index ? undefined : index
  }
}

 img{
  transition: all .5s linear;
  transform: scale(1);
}
.big{
  transform: scale(2);
}

Answer 2

http://download.csdn.net/down... 自己下载吧

Answer 3

了解一下：https://github.com/laii7/vue-...