vue：如何取出v-for遍历的列表中的key

Question

点击遍历出来的列表，取出相应的key,传到数组中，对应显示出相应的图片。

<el-row v-for="(item,index) in names" :key="index" >

                    <div class="aa" @click="change">
                        {{item}}
                    </div>
                </el-row> 

在点击事件中，点击item,获取到对应的key,使key = 另外一个数组的key2，然后就能显示出key2对应的图片.

Answer 1

第一种：

@click="change(index)"

第二种：

<div class="aa" data-index="index" @click="change">{{item}}</div>

change(e) {
  var key = e.target.dataset.index
 //...
}

Answer 2

@change="change(index)"