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操作的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序怎么靠点击事件拿到对应数组的唯一id?

js删除一个ID元素的点击事件

安卓开发 listview中给指定行文本框赋值的问题

Vue3使用element-ui input组件给字体图标绑定点击事件

vue3自定义指令详解

ionic3 中获取当前 点击的元素