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

• Z时代
• 2024-03-14
• 分类：IT

点击遍历出来的列表，取出相应的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对应的图片.

回答：

第一种：

@click="change(index)"

第二种：

<div class="aa" data-index="index" @click="change">{{item}}</div>
change(e) {
  var key = e.target.dataset.index
 //...
}

回答：

@change="change(index)"

以上是 vue：如何取出v-for遍历的列表中的key 的全部内容， 来源链接： utcz.com/p/936927.html