vue如何实现获取点击事件元素的id

本篇文章给大家分享的是有关vue如何实现获取点击事件元素的id，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

：id绑定 :id="‘a_'+index"

输出的id为a_0，a_1。。。。。

 <div v-for="(item,index) in list" :key="index" >
 <div :id="'a'+index" @click="b(index)">哈哈哈</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
}

补充知识：Vue中怎么动态的去插入DOM节点呢？

问题描述：

排除数据的插入方式，假如存在两组数据，每两组为一个对象，那么如果要加载下一个对象时应该怎么去插入呢？

2017/09/14 昨天晚上在睡梦中，恍恍惚惚地想到了一个解决方法，其实也很简单，只不过之前一直没有细想。

解决方法：

1.之前通过artTemplate插件进行先渲染再插入的方式实现该需求。

2.而Vue则是数据更改之后再去渲染

3.那么既然这样那就把问题中的两组数据手动组装为一个数组，然后动态的插入，问题不就迎刃而解了吗

流程：假如存在A和B两个数组需要进行渲染

C = [
{
‘A': [],
‘B': []
}
]

组装为C数组，然后每次获取新的数据之后，动态地插入C数组，然后在DOM结构中循环渲染C数组，bingo！

以上就是vue如何实现获取点击事件元素的id，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。