Vue3实现动态给id赋值,点击事件获取当前点击的元素的id操作

Posted 嘻嘻的妙妙屋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue3实现动态给id赋值,点击事件获取当前点击的元素的id操作相关的知识,希望对你有一定的参考价值。

场景

需要让输出的 id 为 0,1……

代码

<div v-for="(item,index) in list" :key="index" >
	<div :id="index" @click="b(index)">我是id</div>
</div>

然后在 vue 的实例中就可以拿到对应的 id

b(index)
    this.list.splice(index,1);

<div @click="open($event)" id="1">添加<div>
open(a)
  console.log(a.currentTarget.id)//1

以上是关于Vue3实现动态给id赋值,点击事件获取当前点击的元素的id操作的主要内容,如果未能解决你的问题,请参考以下文章